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Предисловие 


Сочетание РНР и Му5ОТ. — один из самых удобных подходов к динамическому 
веб-конструированию, основанному на использовании баз данных. Этот подход 
удерживает свои позиции, несмотря на вызовы, брошенные интегрированными 
средами разработки, такими как КиБу оп КаЦ$, освоение работы с которыми да- 
ется значительно труднее. Благодаря открытости исходных кодов (в отличие от 
конкурирующей технологии МісгоѕоЁ МЕТ Егатех\уотК) это технологическое со- 
четание можно использовать совершенно бесплатно, поэтому оно очень популярно 
у веб-разработчиков. 


Любой нацеленный на результативность разработчик, использующий платформу 
ОМГХ/П пах или даже М№іпіоуѕ/Арасћһе, нуждается в серьезном изучении этих 
технологий. В сочетании с партнерскими технологиями ЈауаЅсгірї, }Очету, С55 
и НТМТ5 можно создавать сайты калибра таких промышленных стандартов, как 
ҒасеђооК, Тміќег и Стаі. 


Для кого предназначена эта книга 


Книга предназначена для тех, кто хочет изучить способы создания эффективных 
и динамичных сайтов. Сюда можно отнести веб-мастеров или специалистов по 
графическому дизайну, которым уже приходилось создавать статические сайты 
и у которых есть желание вывести свое мастерство на следующий уровень, а так- 
же студентов вузов и колледжей, недавних выпускников этих учебных заведений 
и просто самоучек. 


Фактически любой человек, стремящийся изучить основные принципы, заложен- 
ные в основу адаптивного веб-дизайна, сможет получить весьма обстоятельные 
сведения об основных технологиях: РНР, МуЗОТ, ЈауаЅсгірі, С55 и НТМТЬ5, 
а также изучить основы библиотек јОпету и јОпегу Мое. 
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Предположения, допущенные в книге 


При написании данной книги автор предполагал, что читатель уже имеет эле- 
ментарные понятия об НТМІ. и способен как минимум скомпоновать простой 
статический сайт. Но при этом не обязательно наличие у читателя каких-либо 
знаний в области РНР, МуЅОІ, ]ауаЗсгрь С$$ и НТМІ5, хотя, если такие знания 
имеются, изучение материала будет происходить значительно быстрее. 


Структура издания 


Главы книги расположены в определенном порядке. Сначала идет представление 
всех основных технологий, рассматриваемых в книге, а затем описывается процесс 
их установки на сервер, предназначенный для разработки веб-приложений, для 
того чтобы подготовить читателя к практической работе с примерами. 


В первой части книги преподносятся основы языка программирования РНР, 
включая основы синтаксиса, массивов, функций и объектно-ориентированного 
программирования. 


Затем, после усвоения основ РНР, можно переходить к введению в систему 
управления базами данных МуЗОТ, рассмотрение которой начинается с изучения 
структуры базы данных МуЗОТ. и заканчивается составлением сложных запросов. 


После этого рассказывается о том, как воспользоваться сочетанием РНР и МУЗОГ, 
чтобы приступить к созданию собственных динамических веб-страниц путем инте- 
грирования в это сочетание форм и других функциональных возможностей НТМГ. 
Затем приводятся подробности практических аспектов разработки на РНР и МУЗОГ, 
включая описание различных полезных функций и способов работы с сооК1ез и сес- 
сиями, а также способов поддержания высокого уровня безопасности. 


В следующих нескольких главах излагаются основы ЈауаЅсгірё, начиная с про- 
стых функций и обработки событий и заканчивая доступом к объектной модели 
документа (РОМ), проверкой введенных данных и обработкой ошибок в браузере. 
Этот учебник подойдет для тех, кто приступает к использованию популярной би- 
блиотеки ]Опегу для ЈауаЅсгірі. 


После рассмотрения основных технологий описываются способы создания фоно- 
вых А] АХ-вызовов и превращения сайтов в высокодинамичную среду. 


После этого вам предстоит освоить еще две главы, в которых рассматривается, как 
использовать С$5 для стилевого оформления и подбора формата ваших веб-страниц, 
перед тем будут раскрыты методы существенного снижения трудозатрат по разра- 
ботке приложений с помощью библиотек јОџегу, и дано описание интерактивных 
свойств, встроенных в НТМТ.5 (геолокация, аудио, видео, холст). 


Получив все эти сведения, вы сможете создать полноценный набор программ, в со- 
вокупности представляющий собой работоспособный сайт социальной сети. 


26 Предисловие 





По мере изложения материала дается большое количество указаний и советов по 
выработке хорошего стиля программирования, а также подсказок, которые по- 
могут читателям обнаружить и устранить скрытые ошибки программирования. 
Кроме того, приводится много ссылок на сайты с дополнительными материалами, 
относящимися к рассматриваемым темам. 


Дополнительная литература 


Приступив к изучению разработки программных продуктов с помощью РНР, 
МУЗОТ, ЈауаЅсгірё, С$$ и НТМТ., вы наверняка будете готовы к переводу своего 
мастерства на новый уровень, если воспользуетесь следующими книгами, которые 
можно найти на сайте издательства О’КеШу или на других сайтах, где продаются 
книги: 

о Рупатіс НТМЕ Тле Реўіпійое Ве]етепсе (пир: //огейлу/Чупатк_пт!) Денни Гудмана 
(Паппу Соодтап); 


о РНР іп а Миёзйей (пар: //огейЛу/РНР_пиезпе!) Пола Хадсона (Рац Ни4зоп); 
О М/О. іп а Мирей (пар://огей1у/МузОЕ _пиезве!) Рассела Дайера (КлззеП Юуег); 


О /ГаоабспрЕ Тре Пејіпійое Сшае (Һ&р://огеіі.1у/25 Рей пиме) Дэвида Фланагана 
(Пама ЕІапавап); 


О С55: Тре ейпйое Сшае (Һр://огей.1у/С55 Рей пиме) Эрика А. Майера (Егіс 
А. Мауег) и Эстель Вейль (ЕѕќеПе Ұеу); 


о НТМЕ>: Тре Мзте Мапиа! Мэтью Макдональда (Майе МасПопа!4). 





Условные обозначения 


В книге применяются следующие условные обозначения. 
Шрифт для названий 


Используется для обозначения О ВТ, адресов электронной почты, названий 
папок, а также сочетаний клавиш и названий элементов интерфейса. 


Шрифт для команд 


Используется для имен файлов, названий путей, имен переменных и команд. 
К примеру, путь будет выглядеть так: /беуе1орег/Арр14са%1опз. 


Шрифт для листингов 


Применяется для отображения примеров исходного кода и содержимого файлов. 
Шрифт для листингов полужирный 
Обозначает текст, который выводится программой. Кроме того, данный шрифт 


иногда применяется для создания логического ударения, например, чтобы вы- 
делить важную строку кода в большом примере. 
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Шрифт для листингов курсивный 


Обозначает код, который должен быть заменен подходящим значением (напри- 
мер, имя пользователя). 


Вам нужно обращать особое внимание на специальные врезки, выделенные с по- 
мощью следующих рисунков. 








Это подсказка, пожелание, заметка общего типа. Содержит полезную прикладную 
информацию по рассматриваемой теме. 











Это предостережение или указание, говорящее о том, что вам необходимо быть 
внимательными. 











Использование примеров кода 


Эта книга предназначена для оказания помощи в выполнении стоящих перед 
вами задач. Вы можете использовать код, приведенный в ней, в своих программах 
и документации. Вам не нужно обращаться к нам за разрешением, до тех пор пока 
вы не станете копировать значительную часть кода. Например, использование 
при написании программы нескольких фрагментов кода, взятых из данной книги, 
не требует специального разрешения. Но продажа и распространение компакт- 
диска с примерами из книг издательства О’ВеШу — требует. Ответы на вопросы, 
в которых упоминаются материалы этой книги, и цитирование приведенных в ней 
примеров не требуют разрешения. Но включение существенного объема примеров 
кода, приводимых в данной книге, в документацию по вашему собственному про- 
дукту требует получения разрешения. 


У этой книги имеется сопутствующий сайт, доступный по адресу ћ&р://Лртј.пеї, от- 
куда вы можете скачать все приведенные в ней примеры одним 71Р-файлом. 


Ссылки на источник приветствуются, но не обязательны. В такие ссылки обычно 
включаются название книги, имя ее автора, название издательства и номер І5ВМ. 
Например: «Создаем динамические веб-сайты с помощью РНР, МуЗОГ, ЈауаЅсгірї, 
С5$ и НТМТ.5», пятое издание, автор Робин Никсон (Кот №хоп). Соругівћ 2018 
Кобр №хоп, 978-5-4461-0825-1. 


При любых сомнениях относительно превышения разрешенного объема использо- 
вания примеров кода, приведенных в данной книге, можете свободно обращаться 
к нам по адресу регтіѕѕіопѕ@огеіу.сот. 


Благодарности 


Хочу еще раз поблагодарить своего редактора Энди Орама и всех, кто приложил 
немало усилий для выхода этой книги, в том числе Джона Рейда, Майкла Шпачека 
и Джона Крейга, за их всеобъемлющую техническую рецензию, Мелани Ярбро — 
за общее руководство выпуском книги, Рейчел Хед — за редактуру, Рейчел Мона- 
ган — за корректуру, Ребекку Демарест — за иллюстрации, Джуди Макконвилл — 
за создание указателя, Карен Монтгомери — за великолепную сахарную сумча- 
тую летягу на обложке книги, Рэнди Камера — за последний вариант обложки 
книги, а также многочисленных помощников, отправивших сведения о замечен- 
ных ошибках и высказавших свои предложения относительно этого нового из- 
дания. 


Введение в динамическое 
содержимое веб-страницы 


Всемирная паутина — это непрерывно развивающаяся сеть, ушедшая далеко вперед 
от своей концепции ранних 1990-х, когда ее создание было обусловлено решением 
конкретных задач. Высокотехнологичные эксперименты в ЦЕРНе (Европейском 
центре физики высоких энергий, известном в наши дни в качестве обладателя 
Большого адронного коллайдера) выдавали невероятно большой объем данных, 
который был слишком велик для распространения среди участвующих в экспери- 
ментах ученых, разбросанных по всему миру. 


К тому времени Интернет уже существовал и к нему было подключено несколько 
сотен тысяч компьютеров, поэтому Тим Бернерс-Ли (специалист ЦЕРНа) при- 
думал способ навигации между ними с использованием среды гиперссылок — так 
называемого протокола передачи гиперссылок (Нурег Техё Тгапѕѓег Ргоѓосої, 
НТТР). Он также создал специальный язык разметки, названный языком гипер- 
текстовой разметки (Нурег Тех Магкир Гапеџаве, НТМТ.). Для того чтобы собрать 
все это воедино, он создал первые браузер и веб-сервер. 


Теперь эти средства воспринимаются нами как должное, но в то время концепция 
их применения носила революционный характер. До этого основной объем со- 
единений приходился на пользователей домашних модемов, дозванивавшихся 
и подключавшихся к электронным доскам объявлений, которые базировались на 
отдельном компьютере и позволяли общаться и обмениваться данными только 
с другими пользователями этой службы. Следовательно, для эффективного элек- 
тронного общения с коллегами и друзьями нужно было становиться участником 
многих электронных досок объявлений. 


Но Бернерс-Ли изменил все это одним махом, и к середине 1990-х годов уже су- 
ществовали три основных конкурирующих друг с другом графических браузера, 
пользовавшихся вниманием 5 млн посетителей. Однако вскоре стало очевидно, 
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что кое-что было упущено. Конечно, текстовые и графические страницы, имеющие 
гиперссылки для перехода на другие страницы, были блестящей концепцией, но 
результаты не отражали текущий потенциал компьютеров и Интернета по удов- 
летворению насущных потребностей пользователей в динамическом изменении 
контекста. Всемирная паутина оставляла весьма невыразительное впечатление, 
даже при наличии прокрутки текста и анимированных СІЕ-картинок. Корзины 
покупателей, поисковые машины и социальные сети внесли существенные кор- 
рективы в порядок использования Всемирной паутины. В этой главе будет дан 
краткий обзор различных компонентов, формирующих ее облик, и программного 
обеспечения, способствующего обогащению и оживлению наших впечатлений от 
ее использования. 





Пришло время воспользоваться аббревиатурами. Прежде чем делать это, я ста- 
рался дать им четкое объяснение. Но если сразу не удастся разобраться, какое 
именно понятие они замещают или что означают, переживать не стоит, поскольку 
все подробности прояснятся по мере чтения книги. 








НТТР и НТМІ: основы, 
заложенные Бернерсом-Ли 


НТТР представляет собой стандарт взаимодействия, регулирующий порядок 
направления запросов и получения ответов — процесса, происходящего между 
браузером, запущенным на компьютере конечного пользователя, и веб-сервером. 
Задача сервера состоит в том, чтобы принять запрос от клиента и попытаться дать 
на него содержательный ответ, обычно передавая ему запрошенную веб-страницу. 
Именно поэтому и используется термин «сервер» («обслуживающий»). Партнером, 
взаимодействующим с сервером, является клиент, поэтому данное понятие при- 
меняется как к браузеру, так и к компьютеру, на котором он работает. 


Между клиентом и сервером может располагаться ряд других устройств, например 
маршрутизаторы, модули доступа, шлюзы и т. д. Они выполняют различные задачи 
по обеспечению безошибочного перемещения запросов и ответов между клиентом 
и сервером. Как правило, для отправки этой информации используется Интернет. 
Некоторые из этих промежуточных устройств могут также ускорить Интернет 
путем локального сохранения страниц или информации в так называемом кэше, 
обслуживая затем данное содержимое для клиентов непосредственно из кэша без 
постоянного извлечения его из сервера-источника. 


Обычно веб-сервер может обрабатывать сразу несколько подключений, а при 
отсутствии связи с клиентом он находится в режиме ожидания входящего под- 
ключения. При поступлении запроса на подключение сервер подтверждает его 
получение отправкой ответа. 
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Процедура «запрос — ответ» 


В наиболее общем виде процесс «запрос — ответ» состоит из просьбы браузера 
к веб-серверу отправить ему веб-страницу и выполнения браузером данной прось- 
бы. После этого браузер занимается отображением страницы (рис. 1.1). 


Веб-сервер Жесткий диск 


Браузер Интернет 
на ѕегуег.сот на зегуег. сот 





Пользователь вводит 
В р://зегуег.сот 














Поиск ІР-адреса 
зегуег.сот 














Запрос главной 
страницы зегуег.сопп |---------------------------------------- р 
с использованием ІР Н 














Получение запроса 
на страницу іпаех 











Извлечение 
РЕВ НЕТ НЕ іпаех.ћіті 
! с жесткого диска 











Возвращение 


страницы іпдех 











Получение 
и отображение 
страницы 











Рис. 1.1. Основная последовательность процесса «запрос — ответ» между клиентом и сервером 


При этом соблюдается такая последовательность действий. 


1. 


ллһ м 


Вы вводите в адресную строку браузера һер: //зегуег. сом. 

Ваш браузер ищет ГР-адрес, соответствующий доменному имени егуегсот. 
Браузер посылает запрос на главную страницу $егуег.сот. 

Запрос проходит по Интернету и поступает на веб-сервер зегуег.сот. 


Веб-сервер, получивигий запрос, ищет веб-страницу на своем жестком диске. 
Сервер извлекает веб-страницу и отправляет ее по обратному маршруту в адрес 
браузера. 

Браузер отображает веб-страницу. 
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При передаче типовой веб-страницы этот процесс также осуществляется для 
каждого имеющегося на ней объекта: элемента графики, встроенного видео- или 
Е1аѕһ-ролика и даже шаблона С$5. 


Обратите внимание на то, что на шаге 2 браузер ищет ІР-адрес, принадлежащий 
доменному имени ѕегуегсот. У каждой машины, подключенной к Интернету, вклю- 
чая и ваш компьютер, есть свой ТР-адрес. Но, как правило, доступ к веб-серверам 
осуществляется по именам, таким как доодіе.сот. Вам должно быть известно, что 
браузер обращается к вспомогательной интернет-службе, так называемой службе 
доменных имен (Поташ Мате Ѕегуісе, 0№), чтобы найти связанный с сервером 
ТР-адрес, а затем воспользоваться им для связи с компьютером. 


При передаче динамических веб-страниц процедура состоит из большего коли- 
чества действий, поскольку к ней могут привлекаться как РНР, так и МуЗОГ.. 
Например, можно щелкнуть кнопкой мыши на картинке с изображением плаща. 
После этого РНР составит запрос, используя стандартный язык базы данных, 
ЗОТ. — множество используемых для этого команд будет рассмотрено в книге, — 
и отправит запрос в адрес МуЗОТ-сервера. Этот сервер возвратит информацию 
о выбранном вами плаще, и РНР-код заключит ее в некий код НТМГ, который 
будет отправлен сервером в адрес вашего браузера (рис. 1.2). 


Выполняется такая последовательность действий. 


1. Вы вводите в адресную строку браузера һер: //зегуег . сом. 
2. Ваш браузер ищет ІР-адрес, соответствующий доменному имени ѕегуег.сот. 


3. Браузер посылает запрос на главную страницу ѕегмегсот. Запрос проходит по 
Сети и поступает на веб-сервер зегуег.сот. 


4. Веб-сервер, получивший запрос, ищет веб-страницу на своем жестком диске. 


5. Теперь, когда главная страница размещена в его памяти, веб-сервер замечает, 
что она представлена файлом, включающим в себя РНР-сценарии, и передает 
страницу интерпретатору РНР. 


Интерпретатор РНР выполняет РНР-код. 


Кое-какие фрагменты кода РНР содержат МуЅОТ-инструкции, которые интер- 
претатор РНР, в свою очередь, передает процессору базы данных МуЅО]І. 


8. База данных МуЗОТ, возвращает результаты выполнения инструкции интер- 
претатору РНР. 


9. Интерпретатор РНР возвращает веб-серверу результаты выполнения кода РНР, 
а также результаты, полученные от базы данных Муз ОТ. 


10. Веб-сервер возвращает страницу выдавшему запрос клиенту, который отобра- 
жает эту страницу на экране. 


Конечно, ознакомиться с этим процессом и узнать о совместной работе трех эле- 
ментов не помешает, но на практике эти подробности не понадобятся, поскольку 
все происходит в автоматическом режиме. 
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Рис. 1.2. Динамическая последовательность процесса «запрос — ответ», 
выполняемого клиентом и сервером 


В каждом из примеров возвращенные браузеру НТМТ--страницы могут содержать 
также код Јауа$сгірё, интерпретируемый локально на машине клиента. Этот код 
может инициировать еще один запрос, точно так же запрос может быть иницииро- 
ван встроенными объектами, например изображениями. 


Преимущества использования РНР, МУу$СОи, 
Јауабсгірё и С55 


В начале этой главы был представлен мир технологии Же 1.0, но рывок к созда- 
нию технологии №еђ 1.1, вместе с которой были разработаны такие браузерные 
расширения, как Јауа, ЈауаЅсгірї, ЈЅсгірё (несколько иной вариант ЈауаЅсгірё от кор- 
порации Місгоѕоћ) и АсйуехХ, не заставил себя долго ждать. На серверной стороне 
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прогресс был обеспечен за счет общего шлюзового интерфейса (Соттоп Сабе\ау 
ПцегЁасе, ССТ), использования таких языков сценариев, как Рег| (альтернатива 
языку РНР), и выполнения сценариев на стороне сервера — динамической вставки 
содержимого одного файла (или выходных данных выполняемой локальной про- 
граммы) в другой файл. 


Когда ситуация окончательно прояснилась, на передовых позициях остались 
три основные технологии. Несмотря на то что язык сценариев Рег! силами своих 
стойких приверженцев сохранил популярность, простота РНР и допустимость ис- 
пользования в нем встроенных ссылок на программу базы данных МузОТ. обеспе- 
чили этому языку более чем двойное превосходство по количеству пользователей. 
А Јауа$Ѕсгіре, ставший важнейшей составной частью уравнения, используемого 
для динамического манипулирования каскадными таблицами стилей (Сазса4 тя 
ЅсуІе Ѕһееіѕ, С55) и НТМТ, в настоящее время берет на себя наиболее трудоемкие 
задачи асинхронного обмена данными (осуществляемого между клиентом и сер- 
вером после загрузки веб-страницы). Используя асинхронный обмен данными, 
веб-страницы обрабатывают данные и отправляют запросы веб-серверу в фоновом 
режиме, не оповещая пользователя о происходящем. 


Несомненно, своеобразный симбиоз РНР и МуЗОТ. способствует их продвиже- 
нию, но что привлекает к ним разработчиков в первую очередь? На это следует 
дать простой ответ: та легкость, с которой эти технологии можно использовать 
для быстрого создания на сайтах динамических элементов. Му$0]1. является 
быстродействующей и мощной, но при этом простой в использовании системой 
базы данных, предлагающей сайту практически все необходимое для поиска и об- 
работки данных, которые предназначены для браузеров. Когда РНР для хранения 
и извлечения этих данных выступает в союзе с МуЅОЇІ., вы получаете основные 
составляющие, необходимые для разработки сайтов социальных сетей и для пере- 
хода к технологии Ме 2.0. 


И когда вы также соедините вместе ЈауаЅсгірё и С55, у вас появится рецепт для 
создания высокодинамичных и интерактивных сайтов, особенно в современных 
условиях доступности множества сложных функциональных сред ЈауаЅсгірі, вызов 
которых действительно позволяет ускорить веб-разрабоку. Достаточно упомянуть 
широко известную библиотеку ] Опегу, применение которой в настоящее время, 
наверное, является наиболее востребованным способом доступа программистов 
к функциям асинхронного обмена данными. 


Магіарв: клон МуѕЅоі 


После того как компания Ога е приобрела Ѕип Місгоѕуѕёетѕ (владельца Му5ОТ.), 
возникли опасения, что полностью открытым код МуЅОІ. может не остаться, 
и в итоге от этой СУБД отпочковалась МагіарвВ, дабы код оставался открытым 
в соответствии с положениями лицензии СМО СРГ.. Разработка Магіарв шла под 
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руководством ряда первоначальных создателей МуЗОТ, и эта СУБД сохранила 
максимальную совместимость с МуѕЅОТІ. Поэтому вероятность встречи на неко- 
торых серверах МагіарвВ вместо МузОТ. весьма высока, что не должно вызывать 
никаких опасений, поскольку все показанное в данной книге одинаково успешно 
работает как под МуЗОТ, так и под МагіарвВ, имеющей туже кодовую базу, что 
и МузОТ, Ѕегуег 5.5. В любом случае одна СУБД может заменяться другой, и вы 
при этом не заметите никакой разницы. 


Впрочем вышло так, что многие возникшие поначалу опасения были напрасны, по- 
скольку код МуЅОТ остался открытым, а компания Огае просто сделала платной 
приобретение и поддержку тех выпусков, которые предоставляют дополнительные 
функциональные возможности, включающие георепликацию и автоматическое 
масштабирование. Тем не менее, в отличие от Мама) В, МуЗОТ, больше не под- 
держивается сообществом, но осознание того, что МагіарвВ никогда не лишится 
этой поддержки, позволит многим разработчикам спать спокойно и, вероятно, даст 
гарантии того, что код самой Муз ОТ, останется открытым. 


РНР 


Использование РНР существенно упрощает встраивание средств, придающих 

веб-страницам динамические свойства. Когда страницам присваивается расширение 

РНР, у них появляется прямой доступ к языку сценариев. Разработчику нужно 

лишь написать код, похожий на этот: 

<?рһр 
есһо 


?> 
Неге'5 һе 1афеѕ+ пемѕ. 


Тодау 1$ " . аа+е('Т') . ". "; 


Открывающий тег <?рһр дает веб-серверу разрешение на интерпретацию всего 
последующего кода вплоть до тега ?>. Все, что находится за пределами этой кон- 
струкции, отправляется клиенту в виде простого НТМГ. Поэтому текст Неге' $ 
{Не 1аеѕі пемѕ просто выводится в браузер. А внутри РНР-тегов встроенная 
функция дате отображает текущий день недели, соответствующий системному 
времени сервера. 


В итоге на выходе из этих двух частей получается примерно следующее 
Тойау 1$ МейпеѕӣӢау. Неге'5 һе 1аїеѕїі пемѕ. 


РНР — довольно гибкий язык, и некоторые разработчики предпочитают помещать 
РНР-конструкцию непосредственно рядом с кодом РНР, как в этом примере: 


Тодау 1$ <?рһр есһо Яаёе("1"); ?>. Неге'5 +һе 1атеѕї пемѕ. 


Существуют также другие способы форматирования и вывода информации, 
которые будут рассмотрены в главах, посвященных РНР. Важно усвоить то, 
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что, используя РНР, веб-разработчики получают язык сценариев, который хотя 
и не обладает быстротой кода, скомпилированного на С или ему подобных язы- 
ках, но все же работает невероятно быстро и ктому же очень хорошо вписывается 
в разметку НТМГ. 





Если вы собираетесь набирать встречающиеся в этой книге примеры на РНР 
в программе-редакторе, чтобы работать параллельно с моим повествованием, 
не забывайте предварять их тегом <?рһр, а в конце ставить тег ?>, для того 
чтобы обеспечить их обработку интерпретатором РНР. Для упрощения этой задачи 
можно заранее подготовить файл ехатре.рНр, содержащий эти теги. 








Используя РНР, вы получаете средство управления своим веб-сервером с неогра- 
ниченными возможностями. Если понадобится на лету внести изменения в НТМГ, 
обработать данные кредитной карты, добавить сведения о пользователе в базу дан- 
ных или извлечь информацию из стороннего сайта, все это можно будет сделать из 
тех же самых РНР-файлов, в которых находится и сам код НТМІ. 


МуЅО 


Разумеется, без средств отслеживания информации, предоставляемой пользовате- 
лем в ходе работы с вашим сайтом, нельзя в полной мере говорить о возможностях 
динамического изменения выходного кода НТМГ. На заре создания Всемирной 
паутины многие сайты использовали неструктурированные текстовые файлы для 
хранения таких данных, как имена пользователей и пароли. Но подобный подход 
мог вызвать ряд проблем, если файл не был надежно заблокирован от поврежде- 
ний, возникающих при одновременном доступе к нему множества пользователей. 
К тому же неструктурированный файл мог разрастаться до таких размеров, что 
с ним непросто было работать, не говоря уже о трудностях, связанных с попытка- 
ми объединения файлов и осуществления в них сложных поисковых операций за 
какое-нибудь мало-мальски приемлемое время. 


Именно в таких случаях большое значение приобретает использование реляци- 
онных баз данных со структурированной системой запросов. И МуЅОІ., будучи 
совершенно бесплатной и установленной на огромном количестве веб-серверов 
системой, оказывается как нельзя кстати. Она представляет собой надежную и ис- 
ключительно быстродействующую систему управления базами данных, использу- 
ющую команды, похожие на простые английские слова. 


Высшим уровнем структуры МуЗОТ. является база данных, внутри которой можно 
иметь одну или несколько таблиц, содержащих ваши данные. Предположим, вы 
работаете над таблицей под названием изег$ (пользователи), внутри которой были 
созданы столбцы для фамилий — зигпаме, имен — Ғігѕёпате и адресов электронной 


Преимущества использования РНР, Му501, ЈауаЅсгірї и С55 37 





почты — етаї1, и теперь нужно добавить еще одного пользователя. Одна из команд, 
которую можно применить для этого, выглядит следующим образом: 


ІМЅЕКТ ІМТО иѕегѕ МАЈЕ ('ЅтіЄһ', "Јоһп', "јѕтіһ@туѕіёе.сот'); 


Для создания базы данных и таблицы, а также настройки всех нужных полей понадо- 
бится сначала выдать и другие команды, но используемая здесь 5ОТ-команда ІМЅЕКТ 
демонстрирует простоту добавления в базу данных новой информации. Ѕгисигеі 
Опегу Гапиазе (501) является языком, разработанным в начале 1970-х годов 
и напоминающим один из старейших языков программирования — СОВОГ. 
Тем не менее он хорошо подходит для запросов к базе данных, что и предопреде- 
лило его использование в течение столь длительного времени. 


Так же просто выполняется и поиск данных. Предположим, что имеется адрес 
электронной почты пользователя и нужно найти имя его владельца. Для этого 
можно ввести следующий запрос МуЗОТ: 


ЗЕЁЕСТ ѕигпате , Ғігѕёпате РЕКОМ иѕегѕ МНЕКЕ ета11=' јѕтіһ@туѕіе. сот'; 


После этого МуЅОЇ. вернет ѕтієћ, Јоһп и любые другие пары имен, которые могут 
быть связаны в базе данных с адресом электронной почты. 


Нетрудно предположить, что возможности МуЅО1. простираются значительно 
дальше выполнения простых команд вставки и выбора — ІМЅЕЋТ и $ЕІЕСТ. Напри- 
мер, можно скомбинировать родственные наборы данных, чтобы собрать вместе 
взаимосвязанные части информации, запросить результаты, выбрав порядок их 
выдачи из множества вариантов, найти частичные совпадения, если известна 
только часть искомой строки, вернуть конкретно заданное количество результатов 
и сделать многое другое. 


При использовании РНР все эти вызовы можно направлять непосредственно 
к МуЅОТ без необходимости самостоятельного применения ее интерфейса команд- 
ной строки. Это значит, что для того, чтобы докопаться до нужного вам элемента 
данных, вы можете сохранять результаты в массивах для их обработки и осущест- 
вления множества поисковых операций, каждая из которых зависит от результатов, 
возвращенных предыдущими операциями. 


Далее будет показано, что для придания еще большей мощности прямо в Му5ОТ. 
встроено несколько дополнительных функций, которые можно вызвать с целью эф- 
фективного выполнения наиболее часто встречающихся в МуЗОТ. операций, избав- 
ляясь от необходимости их составления из нескольких РНР-вызовов в адрес МуЗОГ. 


Јауа$сгірї 


Самая старая из трех основных технологий, рассматриваемых в данной книге, — 
ЈахаЅсгірё — была создана для получения доступа из сценариев ко всем элементам 
НТМГ-документа. Иными словами, она предоставляет средства для динамического 
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взаимодействия с пользователем, например для проверки приемлемости адресов 
электронной почты в формах ввода данных, отображения подсказок наподобие 
«Вы действительно подразумевали именно это?» и т. д. (хотя с точки зрения без- 
опасности, которая всегда должна реализовываться на веб-сервере, на эту техно- 
логию положиться нельзя). 


В сочетании с С$$ ЈауаЅсгірё закладывает основу мощности динамических веб- 
страниц, которые изменяются буквально на глазах, в отличие от новой страницы, 
возвращаемой сервером. 


Тем не менее с использованием ЈауаЅсгірё могут возникнуть осложнения, обуслов- 
ленные некоторыми существенными различиями в способах реализации этого 
языка, выбранных разными разработчиками браузеров. В основном эти различия 
возникают, когда некоторые производители пытаются придать своим браузерам 
дополнительные функциональные возможности, не обращая внимания на совме- 
стимость с продуктами своих конкурентов. 


К счастью, разработчики в большинстве своем уже взялись за ум, и теперь опти- 
мизация вашего кода для различных браузеров утратила прежнюю актуальность. 
Но остаются миллионы экземпляров устаревших браузеров, которыми будут 
пользоваться на протяжении еще многих лет. Тем не менее и для них существу- 
ют решения проблем несовместимости, и позже в этой книге будут рассмотрены 
библиотеки и технологии, позволяющие без каких-либо опасений игнорировать 
существующие различия. 


А сейчас взглянем на то, как можно воспользоваться обычным ЈауаЅсгір-кодом, 
воспринимаемым всеми браузерами: 


<5сг1рф фуре="+ех*/]ауазсг1ре"> 
доситеп* .мг1{е("Тодау 1$ " + ра+е() ); 
</5сг1ре> 


Этот фрагмент кода предписывает браузеру интерпретировать все, что находится 
внутри тегов <зсг1рЪ>, в качестве кода Јауа$сгірї, что затем браузер и сделает, 
записав в текущий документ текст "Тодау 1$ ", а также дату, полученную за счет 
использования принадлежащей ]ауаЗст ре функции раќе. В результате получится 
нечто подобное следующему: 


То4ау 15 Ѕип Зап 01 2017 01:23:45 





Если не требуется указывать конкретную версию Јауабсгірї, то, как правило, 
можно опустить іуре="ехі/јауаѕсгірї" и использовать для начала интерпретации 
Зауабсире тег <ѕсгірі>. 








Ранее было упомянуто, что изначально Јауа$Ѕсгіре разрабатывался для того, чтобы 
получить возможность динамического управления различными элементами, нахо- 
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дящимися внутри НТМТ-документа, и это его предназначение по-прежнему явля- 
ется основным. Но все чаще ЈауаЅсгірё применяется для осуществления процесса 
доступа к веб-серверу в фоновом режиме с целью асинхронного обмена данными. 


Асинхронный обмен данными позволил веб-страницам стать похожими на авто- 
номные программы, поскольку для отображения нового содержимого их уже 
не нужно загружать целиком. Вместо этого асинхронный вызов может исполь- 
зоваться для извлечения и обновления отдельно взятого элемента веб-страницы, 
например может быть изменена ваша фотография на сайте социальной сети или 
заменена кнопка, на которой нужно щелкнуть, отвечая на вопрос. Полностью эта 
тема будет рассмотрена в главе 17. 


Затем в главе 21 мы присмотримся к среде јОпегу, которую можно использовать, 
чтобы не изобретать колесо в случае возникновения потребностей в быстродей- 
ствующем, кросс-браузерном коде для управления веб-страницами. Конечно, 
доступны и другие подобные среды, но }Опегу является самой популярной библио- 
текой и, исходя из показателей, накопленных за весьма длительный срок ее исполь- 
зования, обладает исключительной надежностью и является основным средством 
в арсенале многих опытных разработчиков. 


С55 


С$8 является ключевым дополнением к НТМТ, обеспечивая соответствующую 
разметку НТМІ -текста и встроенных изображений, сообразуясь с параметрами 
экрана пользователя. После появления третьего стандарта (С553) С55 предлагает 
уровень динамической интерактивности, которая прежде поддерживалась только 
с помощью ЈауаЅсгірё. Например, вы можете не только придать стиль любому 
элементу НТМГ, чтобы изменить его размеры, цвета, границы, интервалы, но 
и, используя всего лишь несколько строк С5$, добавить своим веб-страницам 
анимированные переходы и преобразования. 


Применение С$$ может просто заключаться во вставке правил между тегами 
<ѕ+у1е> и </%у1е>, расположенными в заголовке веб-страницы: 


<5фу1е> 


р{ 
Техї-а1ірп:јиѕёіғу; 
Топ - Ғаті1у : Не1уетіса; 


} 
</5+у1е> 


Эти правила будут изменять исходное выравнивание текста тега <р», чтобы со- 
держащиеся в нем абзацы были полностью выровнены и для них использовался 
шрифт Неуейса. 


В главе 18 вы увидите, что существует множество различных способов задания 
правил С$$ и их также можно включать непосредственно в теги или сохранять во 
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внешнем файле, предназначенном для отдельной загрузки. Такая гибкость позво- 
ляет проводить точную настройку стиля НТМГ. Вы также увидите, как с помощью 
С5$ можно, например, создать встроенную функцию Поуег для анимирования объ- 
ектов при проходе над ними указателя мыши. Кроме того, вы научитесь получать 
доступ ко всем свойствам С$5-элемента из ЈауаЅсгірё и из НТМГ. 


А теперь НТМІ5 


Какими бы ни были полезными все эти дополнения к веб-стандартам, самым 
амбициозным разработчикам и их было мало. К примеру, так и не был придуман 
простой способ работы с графикой в браузере, не требующий обращения к таким 
дополнительным модулям, как Е1аѕһћ. То же самое происходило и в отношении 
аудио- и видеовставок в веб-страницы. Кроме того, можно отметить множество 
досадных несоответствий, вкравшихся в НТМІ в процессе его развития. 


Итак, чтобы подчистить все эти шероховатости, перенести Интернет за пределы 
технологии Жеђ 2.0 в его следующую фазу развития, был создан новый стандарт 
НТМТ, устраняющий перечисленные недостатки: НТМІ.5. Он начал разрабатывать- 
ся в далеком 2004 году, когда Мох Ша Еоип4аНоп и Орега Зой\аге (разработчики 
двух популярных браузеров) составили его первый проект. Но его окончательный 
проект был представлен \/ог!4 Ұійе №УеЬ СопзотНит (\/ЗС), международной 
организацией, руководящей веб-стандартами, лишь в начале 2013 года. 


На разработку НТМТ.5 ушло несколько лет, но теперь мы располагаем весьма 
надежной и стабильной версией 5.1 (с 2016 года). Но цикл разработки никогда 
не заканчивается, и со временем в этот язык несомненно будут встроены дополни- 
тельные функциональные возможности. К некоторым наиболее ярким свойствам 
НТМІ5, позволяющим управлять медиаресурсами, можно отнести элементы 
‹аи@1о>, ‹у14ео> и <сапуаѕ>, с помощью которых происходит добавление звука, 
видео и усовершенствованной графики. Все, что нужно знать об этих и всех 
других аспектах НТМТ.5, весьма подробно изложено в данной книге, начиная 
с главы 23. 





Кроме всего прочего, мне в спецификации НТМІ5 нравится, что для самоза- 
крывающихся элементов больше не нужен синтаксис ХНТМЕ. Раньше перевод 
на новую строку можно было изобразить с помощью элемента <бг>. Затем для 
обеспечения совместимости в будущем с ХНТМЕ (так и не состоявшейся заменой 
НТМЬ) элемент был изменен на <бг /> с добавленным символом / (поскольку 
ожидалось, что характерной особенностью закрывающего тега всех элементов 
станет именно этот символ). Но теперь все вернулось на круги своя и можно ис- 
пользовать любую из версий таких элементов. Итак, для большей лаконичности 
и меньшего объема набираемого текста в данной книге я вернулся к прежнему 
стилю: <бг>, <һћг> ит. д. 
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Веб-сервер Арасһе 


В дополнение к РНР, МуЗОТ,, ЈауаЅсгіре, С$$ и НТМТ.5 в динамической веб- 
технологии фигурирует и шестой герой — веб-сервер. В нашей книге предполагает- 
ся, что это веб-сервер Арасће. Мы уже немного касались того, что делает веб-сервер 
в процессе обмена информацией между клиентом и сервером по протоколу НТТР, 
но на самом деле негласно он выполняет куда более масштабную работу. 


Например, АрасВе обслуживает не только НТМІ-файлы — он работает с широким 
спектром файлов, начиная с файлов изображений и Е1аѕһћ-роликов и заканчивая 
аудиофайлами формата МРЗ, файлами К55-потоков (КеаПу Заре Зуп@сайоп — 
простое распространение по подписке) ит. д. И эти объекты не должны быть ста- 
тическими файлами, такими как изображения СТЕ-формата. Все они могут быть 
сгенерированы программами, такими как сценарии РНР. И это действительно 
возможно: РНР способен даже создавать для вас изображения и другие файлы либо 
на лету, либо заранее, в расчете на последующее обслуживание. Для этого обычно 
имеются модули, либо предварительно скомпилированные в АрасВе или РНР, либо 
вызываемые во время выполнения программы. Одним из таких модулей является 
библиотека СО (СтарЫс$ Огаху — рисование графики), которую РНР использует 
для создания и обработки графических элементов. 


Арасћһе поддерживает также обширный арсенал собственных модулей. В дополне- 
ние к модулям РНР наиболее важными для вас как для веб-программиста будут 
модули, занимающиеся обеспечением безопасности. В качестве других примеров 
могут послужить модуль Кемтгіќе, позволяющий веб-серверу обрабатывать ши- 
рокий диапазон типов ОКІ-адресов и перезаписывать их в соответствии с его 
внутренними требованиями, и модуль Ргоху, который можно использовать для 
обслуживания часто запрашиваемых страниц из кэша, чтобы снизить нагрузку на 
сервер. 


Далее в книге будет показано практическое применение этих модулей для улучше- 
ния свойств, предоставляемых тремя основными технологиями. 


Обслуживание мобильных устройств 


Мы живем в уже устоявшемся мире взаимосвязанных мобильных вычислительных 
устройств, и концепция разработки веб-сайтов исключительно для настольных 
компьютеров безнадежно устарела. Сегодня разработчики нацелены на создание 
адаптивных веб-сайтов и веб-приложений, перекраивающих самих себя под ту 
среду, в которой они оказываются запущенными на выполнение. 


Поэтому в качестве нововведения я покажу вам способы рационального создания 
подобных программных продуктов с использованием только тех технологий, 
которые подробно рассматриваются в этой книге, а также весьма эффективной 


42 Глава 1 • Введение в динамическое содержимое веб-страницы 





библиотеки јОпегу Мое, обладающей адаптивными ЈауаЅсгірі-функциями, С 
ее помощью можно будет сконцентрировать все свое внимание на содержимом 
и удобстве пользования вашими веб-сайтами и веб-приложениями, заранее зная, 
что способы их отображения на экране будут автоматически оптимизированы под 
широкую номенклатуру вычислительных устройств, о чем вам меньше всего при- 
дется беспокоиться. 


С целью демонстрации максимально возможной эффективности использования 
библиотеки јОпегу Мое в заключительной главе книги будет рассмотрен пример 
создания сайта простой социальной сети, обладающего полноценной адаптивно- 
стью и обеспечивающего качественное отображение на экранах любых устройств, 
начиная с небольших мобильных телефонов и заканчивая планшетными или на- 
стольными компьютерами. 


Несколько слов о программах 
с открытым исходным кодом 


Технологии, рассматриваемые в данной книге, основаны на использовании от- 
крытого кода: чтение кода и внесение в него изменений носит общедоступный 
характер. Часто спорят, обусловлена или нет популярность этих технологий тем, 
что они представлены программами с открытым исходным кодом, но РНР, Муз ОГ. 
и Арасһе действительно являются наиболее востребованными инструментами 
в своих категориях. Вполне определенно можно сказать, что их принадлежность 
к продуктам с открытым кодом означает, что они были разработаны в сообществе 
команд программистов, которые придавали им свойства в соответствии со своими 
желаниями и потребностями и хранили исходный код доступным для всеобщего 
просмотра и изменения. Ошибки и бреши в системе безопасности могут быть бы- 
стро распознаны и предотвращены еще до их проявления. 


Есть и еще одно преимущество: все эти программы могут использоваться бесплат- 
но. Если вы наращиваете пропускную способность своего сайта и привлекаете 
к его обслуживанию различные серверы, не нужно задумываться о приобретении 
дополнительных лицензий. Не нужно также пересматривать свой бюджет перед 
тем, как принять решение об обновлении системы и установке самых последних 
версий этих продуктов. 


А теперь все это, вместе взятое 


Истинная красота РНР, МуЗОТ, ЈауаЅсгірё (иногда при содействии јОпегу или 
других сред), С5$ и НТМТ.5 проявляется в том замечательном способе, благодаря 
которому они совместно работают над производством динамического веб-контента: 
РНР занят основной работой на веб-сервере, МуЗОТ. управляет данными, а С55 
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и ]ауаЗсг1рё вместе заботятся о представлении веб-страницы. ЈауаЅсгірё может 
также взаимодействовать с вашим РНР-кодом на веб-сервере, когда ему нужно 
что-нибудь обновить (как на сервере, так и на веб-странице). И с новыми, высоко- 
эффективными свойствами НТМІ5, такими как холсты, аудио, видео и геолокация, 
можно придать вашим веб-страницам более высокую динамичность, интерактив- 
ность и мультимедийность. 


Неплохо бы теперь подвести краткий итог всему, что изложено в данной главе, 
и, не пользуясь программным кодом, рассмотреть процесс, сочетающий в себе 
некоторые из этих технологий в повседневно использующейся многими сайтами 
функции асинхронного обмена данными: проверке в процессе регистрации новой 
учетной записи, не занято ли выбранное имя другим посетителем сайта. Хорошим 
примером подобного использования технологий может послужить почтовый сервер 
Стаі (рис. 1.3). 
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Рис. 1.3. Стаі! применяет технологию асинхронного обмена данными для проверки допустимости 
пользовательских имен 


Этот асинхронный процесс состоит из следующих шагов. 


1. Сервер выдает код НТМІ. для создания веб-формы, запрашивающей необхо- 
димые данные: имя пользователя, настоящее имя, настоящую фамилию и адрес 
электронной почты. 


2. Одновременно с этим сервер вкладывает в НТМІ. Јауабсгір-код, позволяющий 
отслеживать содержимое поля ввода имени пользователя и проверять два об- 
стоятельства: введен ли в это поле какой-нибудь текст и был ли фокус ввода 
перемещен из этого поля по щелчку пользователя на другом поле ввода. 
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3. Как только будет введен текст и фокус ввода перемещен на другой элемент 
формы, код ЈауаЅсгірї в фоновом режиме передает введенное имя пользователя 
РНР-сценарию на веб-сервере и ждет ответной реакции. 


4. Веб-сервер ищет имя пользователя и возвращает коду ЈауаЅсгірѓ ответ, в котором 
сообщает, было ли уже задействовано такое же имя. 


5. Затем Јауа$сгірё размещает под полем ввода имени пользователя индикатор 
приемлемости имени пользователя, возможно, в виде зеленой галочки или 
красного крестика, сопровождая его текстом. 


6. Если пользователь ввел неприемлемое имя, но все же пытается отправить форму, 
код ЈауаЅсгірё прерывает отправку и повторно обращает внимание пользователя 
(возможно, выводя более крупный графический индикатор и/или открывая 
окно предупреждения) на необходимость выбора другого имени. 


7. Усовершенствованная версия этого процесса может даже изучить имя, запро- 
шенное пользователем, и предложить альтернативное, доступное на данный 
момент. 


Все это для удобства пользователя и целостности восприятия им всего происходя- 
щего делается без привлечения его внимания в фоновом режиме. Без использова- 
ния асинхронного обмена данными на сервер будет отправлена вся форма, затем 
он вернет код НТМІ. с подсветкой тех полей, в которых были допущены ошибки. 
Можно, конечно, сделать и так, но обработка поля на лету будет выглядеть намного 
интереснее и приятнее. 


Асинхронный обмен данными может использоваться для решения куда более 
широкого круга задач, чем простой контроль и обработка вводимой информации. 
Далее в этой книге будет рассмотрено много дополнительных приемов, реализу- 
емых с применением А]АХ. 


В этой главе вашему вниманию было представлено довольно полное введение 
в основные технологии применения РНР, МуЗОТ, ЈауаЅсгірѓ, С55 и НТМІ5 
(а также Арасће) и рассмотрен порядок их совместной работы. В главе 2 будут 
описаны способы установки вашего собственного сервера, предназначенного для 
веб-разработок, на котором можно будет освоить на практике весь изучаемый 
материал. 


Вопросы 


1. Какие четыре компонента необходимы для создания полностью динамических 
сайтов? 


Что означает аббревиатура НТМІ? 
3. Почему в названии Муб5 ОТ, присутствуют буквы 501? 
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4. И РНР, и ЈауаЅсгіре являются языками программирования, генерирующими 
динамическое содержимое веб-страниц. В чем состоит их главное различие 
и почему вы будете использовать оба этих языка? 


Что означает аббревиатура С$5? 
Перечислите три важнейших новых элемента, появившихся в НТМТ.5. 


Если вам удастся обнаружить ошибку в одном из инструментальных средств 
с открытым кодом (что случается довольно редко), то как, по-вашему, можно 
получить исправленную версию? 


8. Почему такая среда, как јОџегу Мое, играет столь важную роль в разработке 
современных веб-сайтов и веб-приложений? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Установка сервера, 
предназначенного 
для разработки 


Если у вас есть желание разрабатывать интернет-приложения, но нет собственно- 
го сервера для их разработки, то прежде, чем протестировать каждую созданную 
модификацию приложения, вам придется загружать ее на сервер, находящийся 
где-нибудь в Интернете. 


Даже при наличии высокоскоростного широкополосного подключения это обсто- 
ятельство может существенно замедлить разработку. А на локальном компьютере 
тестирование может быть не сложнее обновления программы (зачастую запуска- 
ется простым щелчком на значке) с последующим нажатием кнопки Вейезй (Об- 
новить) в браузере. 


Еще одно преимущество разработочного сервера заключается в том, что при напи- 
сании и тестировании программ не нужно волноваться о смущающих разработчика 
ошибках или проблемах безопасности, однако при размещении приложения на 
публичном сайте следует знать о том, что люди могут увидеть, или о том, что они 
могут сделать с вашим приложением. Лучше решить все проблемы, пока вы работа- 
ете дома или в небольшом офисе, который, вероятнее всего, защищен межсетевыми 
экранами (брандмауэрами) и другими средствами обеспечения безопасности. 


Получив в свое распоряжение разработочный сервер, вы удивитесь, как раньше мог- 
ли обходиться без него, а также обрадуетесь легкости его настройки. Нужно лишь 
пройти все шаги, изложенные в следующих разделах, и выполнить соответствующие 
указания для обычных персональных компьютеров, Мас- или Глпих-систем. 


В этой главе будет рассмотрена только серверная сторона сетевого взаимодействия, 
о которой шла речь в главе 1. Но для тестирования результатов вашей работы, 
особенно потом, когда мы приступим к использованию ЈауаЅсгірі, С$$ и НТМІ5, 
понадобится также копия каждого основного браузера, работающего под управ- 
лением удобной для вас системы. В списке браузеров должны быть по крайней 
мере МисгозоЁ Еве, Мох Ша Ее ох, Орета, За ат и Соозе Стоте. Если вы хотите 
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убедиться, что ваши приложения также хорошо выглядят на мобильных устрой- 
ствах, постарайтесь использовать для тестирования широкий диапазон устройств, 
работающих под управлением 10$ и Апагол4. 


Что такое \/АМР, МАМР и АМР 


МГАМР, МАМР иТАМР — это сокращения от «Мп о\з, Арасһе, МубОТ. и РНР», 
«Мас, Арасће, Му5ОТ. и РНР» и «Ііпих, Арасће, МуЗОТ. и РНР» соответственно. 
Такими сокращениями описываются полноценные функциональные установки, 
используемые для разработки динамических веб-страниц. 


Системы \/АМР, МАМР и ГАМР поставляются в форме пакетов, связывающих 
упакованные программы таким образом, чтобы их не нужно было устанавливать 
и настраивать по отдельности. Это означает, что нужно просто загрузить и устано- 
вить одну программу и следовать простым подсказкам, чтобы подготовить разрабо- 
точный сервер и запустить его в кратчайшие сроки и с минимальными усилиями. 


В процессе установки будут заданы исходные настройки. Конфигурация безопас- 
ности при такой установке не будет столь же строгой, как на технологическом 
веб-сервере, поскольку она оптимизирована для использования на локальной 
машине. Поэтому не следует пользоваться такими настройками при установке 
технологического сервера. 


Но для разработки и тестирования сайтов и приложений подобная установка по- 
дойдет как нельзя лучше. 








Если для создания своей системы разработки вы решили не использовать М/АМР/ 
МАМР/ІАМР, следует учесть, что загрузка и самостоятельная взаимоувязка со- 
ставных частей займут очень много времени и могут отнять большое количество 
сил на исследования для создания полноценной конфигурации всей системы. Но 
если все компоненты у вас уже установлены и согласованы друг с другом, они 
смогут работать с примерами из этой книги. 














Установка АМРР5 в системе \\Мтаом/ 


Существует несколько доступных \/АМР-серверов, каждый из которых пред- 
лагает свою немного отличающуюся от других конфигурацию. Среди различных 
бесплатных вариантов с открытым кодом самым лучшим будет АМРР5. Его можно 
загрузить с главной страницы сайта ћ&р://атррѕ.сот (рис. 2.1). 


Я рекомендую вам всегда загружать последний стабильный выпуск (на момент 
написания этих строк им был выпуск с номером 3.8 объемом около 128 Мбайт). 
На странице загрузки перечислены различные установщики для \т4о\з, ОЗ Х 
и Ипих. 
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Рис. 2.1. Веб-сайт АМРРЅ 





Когда это издание выйдет в свет, некоторые виды экранов и настройки, рассмо- 
тренные далее, наверняка изменятся. Если это произойдет, руководствуйтесь 
здравым смыслом и постарайтесь выполнить все действия как можно ближе 
к описываемой последовательности. 








Запустите установщик после его загрузки, чтобы появилось окно, показанное на 
рис. 2.2. Если вы используете антивирусную программу или в У п4о\у$ активизи- 
ровано управление учетными записями (Ассоипё Сопёго|), то прежде чем вы перей- 
дете к этому окну, вам может быть показано одно или несколько предупреждений, 
и для продолжения установки придется нажать кнопки Үеѕ (Да) и (или) ОК. 


Нажмите кнопку №х (Далее), после чего нужно будет принять соглашения. Нажмите 
кнопку № хе (Далее) еще раз, а затем еще раз, чтобы пройти через информационный 
экран. После этого понадобится подтвердить место установки. Вероятнее всего, вам 
будет предложено что-нибудь вроде следующего местоположения в зависимости 
от буквы вашего основного жесткого диска, но при желании в этот путь можно 
внести изменения: 


С:\Ргоргам Е11е$ (х86)\Атррѕ 
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Меісоте їо Ше Атррѕ 5етир 
Мғага 


Тһіѕ мії іпѕёаії Атррѕ 3.7 оп уоуг сотрщег. 


ТЕ 6 гесоттепдед ћаї уси доѕе а! оћег аррісабопѕ Беѓоге 
сопёпиіпд. 


Сііск МехЕ ёо сопёпие, ог Сапсе! ёо ехії Ѕеїцр. 








Рис. 2.2. Открытое окно установщика 


Приняв решение о месте установки АМРР5, нажмите кнопку №ехї (Далее), выбе- 
рите имя папки начального меню и снова нажмите кнопку №» (Далее). На рис. 2.3 
показано, что вам предоставится возможность выбора устанавливаемых значков. 
Чтобы продолжить процесс установки, на следующем экране нажмите кнопку Іпѕїаіі 
(Установить). 


5еесЕ АЧЧИюпа! Таѕкѕ 
Мһісһ адаїбопаі їзѕкѕ ѕһоша Бе реггогтед? 


Ѕејесі ће айаїбопаі аѕкѕ уои моц е бефир фо регѓогт йе іпѕівіїпа Атррѕ, ћеп 
ск №ехі, 


Аайїбопа! ісоп: 
М ства а дезКюр коп 
М сгеаіе а длЧаипеН коп 


М сгеаіе а ѕїагітепи коп 








Рис. 2.3. Выбор устанавливаемых значков 
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Установка займет несколько минут, после чего появится окно завершения про- 
цесса, показанное на рис. 2.4, и появится возможность нажать кнопку Ніпіѕћ (За- 
вершить). 


Сотрейпд їће Атрр$ Ѕеїир 
Міғага 


5ефир Ваз ћпіѕһед іпѕігіїпо Атррѕ оп уоиг сотр ег, Тће 
арріісабоп тау Бе Іаипоћеа Бу заесёпа е іпѕівіеа ісопѕ. 


Сііск Ғіпіѕћ о ехй бер. 


Мі гаип Атррз 





Рис. 2.4. Среда АМРР$ установлена 


В завершение нужно установить среду С++ ВейіѕігібиќаЫе У1зиа1 За 10, если она 
не была установлена ранее. В этой среде будет вестись разработка программных 
средств. В качестве приглашения на установку появится окно, показанное на 
рис. 2.5. Нажмите кнопку Үеѕ (Да) для запуска установки или кнопку № (Нет), если 
уверены в том, что эта среда уже установлена. 


Оо таке зиге ћаї уоц һауе іпѕіаіед С++ КедіѕігіриѓаЫе Миа Зи 9то 2015, їо 
зай п$аНаНоп сИск уеѕ апа сііск №о И И 15 аігеаду іпѕїаПеа 





Рис. 2.5. Установите среду С++ Вед ЬиаЫе Ма! 540, если она еще не была установлена 


Если выбрать установку среды, придется согласиться с условиями, предлагаемы- 
ми в появившемся окне, после чего нажать кнопку Тп®а! (Установить). Установка 
не займет много времени. Для ее завершения нужно будет нажать кнопку Сіоѕе 
(Закрыть). 


После установки среды АМРР5 в правом нижнем углу экрана должно появиться 
окно управления, показанное на рис. 2.6. Это окно можно также вызвать, восполь- 
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зовавшись ярлыками приложения АМРР5 в меню Пуск или на Рабочем столе, если 
ранее давалось разрешение на их создание. 


«ть 


А атррѕ 


Ромегеа Ву Ѕойасиіоиѕ 


оа А 


Араспе {<} Виппіпа 
РНР 5.6 {<} дана 
Му$5ОЕ {<} Виппіпа 


С:/Ргодгат Еіеѕ (х86)/Атрр= 
Арасһе ѕїагіеа 
Му54! {а “ед 





Рис. 2.6. Окно управления средой АМРРЅ 


Прежде чем продолжить работу, рекомендуется ознакомиться с документацией 
АМРРЗ (ћ&р://атррѕ.сот/їкі). Если после ознакомления все еще останутся вопро- 
сы, воспользуйтесь ссылкой Ѕиррогї (Поддержка), находящейся в нижней части 
окна управления. Щелкнув на ней, вы перейдете на сайт АМРР5, где можно будет 
открыть тематическую подсказку. 








Нетрудно заметить, что в качестве исходной в АМРР5 используется версия РНР 
с номером 5.6. В последующих разделах данной книги рассматриваются некото- 
рые подробности наиболее важных изменений, внесенных в версию РНР 7. Если 
захочется испытать эти изменения на деле, нажмите в окне управления АМРРЅ5 
кнопку настроек (в виде девяти белых квадратиков, образующих большой ква- 
драт), после чего выберите пункт изменения версии, Сһапде РНР Мегѕіоп, вызвав 
новое меню с возможностью выбора версии в диапазоне от 5.6 и до 7.1. 
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Тестирование установки 


На данном этапе нужно проверить, что все работает должным образом. Для этого 
потребуется ввести любой из следующих О ВТ-адресов в адресную строку браузера: 


Іоса1ћоѕі 
127.0.0.1 


В результате будет вызван начальный экран, позволяющий провести настрой- 
ку безопасности работы в среде АМРР5 добавлением пароля (рис. 2.7). Рекомен- 
дую не устанавливать флажок безопасности и просто нажать кнопку 5ибтй (От- 
править), чтобы продолжить работу без установки пароля. 


Бобі? М хоп 


К» Ѕесиге АМРР$ - Ромеге: х \\ \ 





га сз Ф ІосаІһоѕ/атррѕ/іпаех.рһр?асі=ѕесиге 





\Месоте ѕоё 


? Ѕесиге АМРР$ 


Оо уои мап уоиг АМРРЅ {о Бе ѕесигеа? 
Үоџг АМРР5 іѕ сиггеп у Ипзесигед 


О 


М оте: ІҒуои мап: усиг АМРР© їо Бе 5есигед, уои тиѕт ег а размгога. 50 емегуйте уои \5й {пе АМРР5 


Рапеі, № \мИ аѕК Гог а разз\мога. 


А! йтеѕ аге СМТ. Тһе Чте пом 15 }апиагу 8, 2018, 9:40 ат. «А 


Ромегеа Ву АМРР5 4.9.3 © 2018 Ѕоћасиіоџиѕ Ма. Раре Сгеаїеа 1п:0.028 





Рис. 2.7. Начальный экран настройки безопасности 


Совершив это действие, вы попадете на главную страницу управления Іосаіћоѕї/ 
атррѕ/ (с этого момента предполагается, что обращение к АМРР5 происходило 
через адрес Іосаћоѕї, а не через 127.0.0.1). На ней можно настраивать все аспекты 
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компонентов АМРР$ и управлять ими, что следует отметить для будущих ссылок 
или, может быть, установить закладку в вашем браузере. 


Далее, чтобы увидеть корневой каталог документа вашего нового веб-сервера 
АрасВе (рассматриваемый в следующем разделе), наберите такой адрес: 
1Іоса1һћоѕі 


На этот раз вместо перехода к начальному экрану настройки безопасности на экран 
будет выведена страница, похожая на ту, что показана на рис. 2.8. 


БобігіМіхог 


Ф? 1аЧехоги 


є 
с?атррѕ 


бу ѕоќасџіоџѕ 





Мате Тас то ей те Пе<сгірііот 


Е) іы 2018-01-08 09:34 
Ез аггог/ 2018-01-08 09:34 
Ғвмісоп.ісо 2013-01-29 15:18 


Гомсгса Бу АМРРЅ апа Ѕоҝ#асиіоџс 





Рис. 2.8. Просмотр корневого каталога документа 


Обращение к исходному источнику документов 
(М/іпаоуѕ) 


Исходным источником документов является каталог, в котором содержатся глав- 
ные веб-документы домена. Именно он используется сервером, когда в браузере 
набирается базовый О ВТ, без пути, например һёр://уаһоо.сот или — на локальном 
сервере — ћ&р://Іосаіһоѕї. 


По умолчанию ХАМРР использует для этого каталога следующее место: С:/хатрр/ 
Һаосѕ. 


Теперь, чтобы убедиться в том, что все сконфигурировано должным образом, на- 
пишем тестовую программу НеПо Ұог!а. Создайте небольшой НТМТ-файл со 
следующими строками, воспользовавшись Блокнотом или любым другим прило- 
жением либо текстовым редактором (при использовании текстовых процессоров, 
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таких как МсгозоК Мога, которые создают форматированный текст, файл нужно 
сохранять в виде простого текста): 


<!БОСТУРЕ һ&т1> 
<Вт1 Іапр= "еп" > 
<һеаа> 
<{11е>А дџіск беѕі</1+Ё1е» 
</Неаа> 
<Боду> 
Не11о Мог1а! 
</боау> 
</ћт1> 


После набора сохраните файл под именем +еѕ+ .һ&т в корневом каталоге докумен- 
тов. Если вы создаете файл в Блокноте, убедитесь, что в окне Сохранить как в списке 
Тип файла выбран вариант Все файлы, а не Текстовые документы (%.хі). 


Теперь эту страницу можно вызвать в браузере, введя в адресной строке следующий 
ОВГ-адрес (рис. 2.9): 


һер: //1оса1һоѕ/+еѕ+. һт1 


ВобіпіМіхоп 


К? А диск 1е5Е х Ч 


«эсе | Ф іосаһозуеѕ.ћіті 











Нео \№па! 





Рис. 2.9. Ваша первая веб-страница 





Следует понимать, что переход на веб-страницу из корневого каталога документа 
(или из находящейся в нем папки) отличается от загрузки этой же страницы из файло- 
вой системы вашего компьютера. В первом случае будет гарантирован доступ к РНР, 
МУбОЕ и ко всем свойствам веб-сервера, тогда как во втором файл будет просто 
загружен в браузер, который попытается создать его экранное представление, но 
не будет иметь возможности обработки кода РНР или других серверных инструкций. 
Поэтому примеры должны неизменно запускаться из адресной строки браузера 
с указанием перед их именами пути Іосаіћоѕ, если только вы не уверены в том, что 
файл не зависит от использования функциональных возможностей веб-сервера. 








Другие системы \М/АМР 


При обновлении программы иногда работают неожиданным образом и в них даже 
могут проявиться какие-нибудь ошибки. Поэтому, столкнувшись с непреодолимы- 
ми в АМРР5 трудностями, вы можете остановить свой выбор на одном из многих 
других решений, доступных в Интернете. 
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Можно будет точно так же воспользоваться всеми примерами, приводимыми 
в данной книге, но при этом придется следовать инструкциям, которые предостав- 
ляются с каждым \/АМР-сервером и могут оказаться сложнее ранее упомянутого 
руководства. 


Вот наиболее подходящие, на мой взгляд, серверы: 
о ЕаѕуРНР (һ&р://еаѕурһр.огд/); 
О ХАМРР (һќр://арасһеѓіепаѕ.ого/); 


о МАМР5егуег (Һр:/Лматрѕегуегсот/еп); 
О СіІоѕѕуога АМР (Һ&р://9Іоѕѕуога.Біг/діоѕѕуогдуматр). 











К вопросу об обновлениях АМРР$ 


Вполне вероятно, что пока данное издание будет самым последним, разработ- 
чики АМРРЅ могут внести в свой продукт ряд усовершенствований, в силу чего 
экраны и методы установки со временем могут претерпеть изменения, а кроме 
того, изменениям могут подвергнуться и версии Арасће, РНР или Му$ОЕ. Поэтому 
не подумайте, что что-то не в порядке с выводимой на экран информацией и опе- 
рации выглядят как-то по-другому. Разработчики АМРР$ прилагают все усилия 
для того, чтобы их продукт оставался легок в использовании, поэтому следуйте 
любым выводимым на экран приглашениям и обращайтесь к документации, раз- 
мещаемой на сайте Һёр://атррѕ.соту/. 








Установка АМРР$ в системе тасО$ 


Среда АМРР5 может использоваться и в тасО5, а загрузить ее можно со страни- 
цы Һ&р://арасһеїіепаѕ.огд, которая была показана на рис. 2.1 (как уже говорилось, 
текущая версия имеет номер 3.8). 


Если ваш браузер после загрузки не откроет среду в автоматическом режиме, дваж- 
ды щелкните на файле с расширением .ате, после чего перетащите папку АМРРЅ на 
свою папку Арріісайопѕ (Приложения) (рис. 2.10). 


Теперь откройте свою папку Арріісайопѕ (Приложения) и дважды щелкните на про- 
грамме АМРР5. Если ваши настройки безопасности воспрепятствуют открытию 
файла, нажмите и удерживайте клавишу Сопќго!, однократно щелкнув на значке. 
Будет выведено новое окно с запросом подтверждения на открытие файла про- 
граммы. Чтобы открыть файл, нажмите кнопку Ореп (Открыть). Возможно, после 
запуска приложения для продолжения работы придется ввести ваш пароль на 


шасО5. 


После того как среда АМРР5 войдет в рабочий режим, в левом нижнем углу ва- 
шего рабочего стола появится окно управления, похожее на то, что изображено на 
рис. 2.6. 
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Фоо | ч (2 АМРР$ 
<?атрр$ 


То пз{а|, дгад АМРР$ їо!дег ќо Арріісаіїопѕ їоідег. 








АМРРЅ Арріісайоп= 





Рис. 2.10. Перетащите папку АМРР5 на папку Арріісайопѕ (Приложения) 





Нетрудно заметить, что в качестве исходной в АМРР5 используется версия РНР 
с номером 5.6. В последующих разделах данной книги рассматриваются некото- 
рые подробности наиболее важных изменений, внесенных в версию РНР 7. Если 
захочется испытать эти изменения на деле, нажмите в окне управления АМРРЅ 
кнопку настроек (в виде девяти белых квадратиков, образующих большой ква- 
драт), после чего выберите пункт изменения версии, СВапде РНР Мегѕіоп, вызвав 
новое меню с возможностью выбора версии в диапазоне от 5.6 и до 7.1. 








Обращение к исходному источнику документов (тасО5) 


По умолчанию корневой каталог документов АМРР$ будет размещаться по сле- 
дующему адресу: 


/Арр1ісаёіопѕ/Атррѕ /ммм 


Теперь, чтобы убедиться в правильности всех настроек, следует создать общепри- 
нятый файл Не11о Мог14. Поэтому воспользуйтесь программой простого текстового 
редактора, но не солидным текстовым процессором вроде Місгоѕої Мога (если 
только не станете сохранять проделанную в нем работу в качестве простого текста), 
и создайте небольшой НТМТ--файл, состоящий из следующих строк: 

<Ит1> 

<Пеаа> 
<{11е>А дџіск фе$%</{1{1е> 


</һеаа» 
<Боду> 
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Не11о Мог1а! 
</боау> 
</ћЕм1> 


После набора данного текста сохраните файл в корневом каталоге документа, на- 
звав его ёеѕі.һЕт1. 


Теперь можно вызвать созданную вами веб-страницу в браузере путем ввода в его 
адресной строке следующего О ВТ. (чтобы увидеть тот же результат, который был 
показан на рис. 2.9): 


Лоса1Ао${/+е$+.Пт1 








Следует понимать, что переход на веб-страницу из корневого каталога документа 
(или из находящейся в нем папки) отличается от загрузки этой же страницы из 
файловой системы вашего компьютера. В первом случае будет гарантирован 
доступ к РНР, Му5СЕ и всем свойствам веб-сервера, тогда как во втором файл 
будет просто загружен в браузер, который попытается создать его экранное 
представление, но не будет иметь возможности обработки кода РНР или других 
серверных инструкций. Поэтому примеры должны неизменно запускаться из 
адресной строки браузера с указанием перед их именами пути Іосаіћоѕ, если 
только вы не уверены в том, что файл не зависит от использования функцио- 
нальных возможностей веб-сервера. 








Установка 1АМР в Ипих 


Эта книга ориентирована в основном на пользователей РС и МАС, но содержа- 
щийся в ней код будет хорошо работать и на компьютере с Ііпих. Существуют 
десятки популярных разновидностей пих, на каждую из которых ГАМР может 
устанавливаться со своими особенностями. Но многие версии Глпих поступают 
с предустановленным веб-сервером и Му5ОТ,, поэтому есть вероятность, что у вас 
уже все готово к работе. Чтобы понять, так ли это, попробуйте ввести в браузер 
следующий адрес и посмотрите, получите ли вы веб-страницу, используемую по 
умолчанию в исходном источнике документов: 


Іоса1һћоѕі 


Если все заработает, то у вас, наверное, установлен сервер Арасће, а также мо- 
жет быть установлена и запущена база данных МуЗОТ, но, чтобы окончательно 
удостовериться в этом, проверьте факт их установки вместе со своим системным 
администратором. 


Если веб-сервер не установлен, можете воспользоваться версией АМРР5, которую 
можно загрузить со страницы ћр://арасһеѓгіепаѕ.огд. 


Последовательность установки похожа на ту, которая рассматривалась в предыдущем 
разделе. Если нужна дополнительная подсказка по использованию программного 
продукта, обратитесь к документации, размещенной по адресу ћёр://атррѕ.соту/\ікі. 
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Работа в удаленном режиме 


Если есть доступ к веб-серверу, на котором уже имеются сконфигурированные 
РНР и МуЗОТ, то вы всегда можете применить его для веб-разработок. Но это 
не самый лучший вариант, если только вы не пользуетесь высокоскоростным 
подключением. Разработка, выполняемая на локальной машине, позволяет про- 
тестировать новые модификации практически без задержки или с небольшой 
задержкой на загрузку. 


Может вызвать трудности и удаленный доступ к Му5ОГ.. Чтобы зарегистрироваться 
на сервере для создания баз данных вручную и установки прав доступа из команд- 
ной строки, нужно воспользоваться безопасным $5 Н-протоколом. Компания, пре- 
доставляющая веб-хостинг, посоветует, как это можно сделать наилучшим образом, 
и предоставит пароль для доступа к МузЗОТ. (а в первую очередь, разумеется, для 
доступа к самому серверу). Если выбирать не из чего, я все же не советую пользо- 
ваться для удаленного входа на любой сервер небезопасным протоколом Тепе. 


Вход в систему 


Я рекомендую пользователям \/т4о\з для доступа к Тепе и 55Н (следует 
помнить, что уровень безопасности у 5ЗН значительно выше, чем у Тепе) как 
минимум установить программу РиТТҮ. 


На компьютере Мас система $5Н будет доступна изначально. Нужно только 
выбрать папку Арріісайопѕ, перейти к папке Ц е5, а затем запустить программу 
ТегтіпаІ. В окне терминала необходимо войти на сервер, используя $8Н в следу- 
ющей команде: 


55һ му[одіп@ѕеғуег. сот 


где зегуег. сот — это имя сервера, на который необходимо войти, а ту[одіп — имя 
пользователя, под которым нужно войти в систему. Затем система запросит у вас 
пароль для данного имени пользователя, и, если вы введете правильный пароль, 
вход состоится. 


Использование ЕТР 


Для переноса файлов на веб-сервер и обратно понадобится ЕТР-программа. Если 
искать подходящую в Интернете, можно найти так много программ, что на выбор 
нужной именно вам уйдет уйма времени. 


Я предпочитаю пользоваться ЕТР-программой Ее7: Ша (ћіёр://#1еға-ргојесі.ого/), 
имеющей открытый код в версиях для \Мш4о\з, Глпах и тасО$ 10.5 и выше 
(рис. 2.11). Подробные инструкции по работе с ЕЦе/ Ша доступны по адресу Һ&р:// 
мик. Ме7И!а-ргодесе. Разумеется, если у вас уже есть ЕТР-программа, вы можете ис- 
пользовать ее. 
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Рис. 2.11. РИе7Ша является полнофункциональной ЕТР-программой 


Использование редактора программ 


Хотя для редактирования НТМТ, РНР и ЈауаЅсгірі подходит любой текстовый 
редактор, существуют очень удобные приложения, специально предназначенные 
для редактирования текста программ. В них имеются весьма полезные возможности, 
например цветная подсветка синтаксиса. Современные редакторы программ хорошо 
продуманы и могут еще до запуска программы на выполнение показывать места, 
в которых допущены синтаксические ошибки. Перейдя к использованию современ- 
ного редактора, вы будете удивлены тому, что раньше обходились без него. 


Есть множество хороших и доступных программ, но я остановил свой выбор на 
программе Ета (рис. 2.12), поскольку она распространяется бесплатно и доступ- 
на для шасО$, Ұіпаоуѕ и Піпих/ОМІХ. Программы можно загрузить, перейдя на 
сайт Нр://еайга.ога и выбрав ссылку Бомтюаа (Скачать) в верхней части страницы, 
где также можно найти и ссылку на документацию, сопровождающую редактор. 
Конечно, у каждого свой стиль и предпочтения в программировании, поэтому, если 
данный редактор вас не устраивает, можно выбрать что-либо из множества других 
доступных программ-редакторов или же пожелать перейти непосредственно в ин- 
тегрированную среду разработки (ТЮЕ) в соответствии с описанием, приведенным 
в следующем разделе. 
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Ее Еди \Мем Ғогтаї 5е#тд5$ Тоо5 Нар 
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$сопіепіз = @Е11е дес сопсепез ($раде); 
1Е (!$сопёепёѕ) геёогп ЕАІ5Е; 


$срескзиош = 05 ($сопёепёзѕ) ; 
1Е (Е11е ехізгз ($аафаЕ11е))} 


$гамҒіїе = Е11е дес сопсепсз ($ЧафаЕ11е); 
$аафа ехр1оде ("\п", гсгітют($гамѓҒі1е)); 
$1еЕ Е аггау шар("РО Е1", $аафа); 
$гісће аггау шар("РО Е2", $аафа); 
ѕ$ехізіз= -1; 


Ғог ($93 = ; $3 < сооџпе ($1еғё) ; ++$3) 
{ 
1Е ($1еғе[$3] == $раде) 
{ 
$ех1з%з = $3; 
1Е ($г1966[$5] == $сһеск=ош) геогр 0; 








РНР ср1252 СК  — Ипе: 1569 Соіитп: 33 











Рис. 2.12. Программы-редакторы (подобные показанной здесь Ейїта) превосходят по своим 
возможностям обычные текстовые редакторы 


ЕЧКга, как показано на рис. 2.12, выделяет синтаксис, используя соответствующие 
цвета, что очень удобно. Можно поместить курсор после квадратной или фигурной 
скобки, и ЕаЙта подсветит соответствующую парную скобку, давая возможность 
определить лишние или недостающие скобки. В ЕЯЙга предлагается также множе- 
ство других свойств, облегчающих работу с текстом программы. 


Опять же, если вы предпочитаете какую-нибудь другую программу-редактор, вос- 
пользуйтесь ею, поскольку всегда лучше работать с теми программами, с которыми 
вы уже знакомы. 


Использование ТРЕ 


При всех достоинствах специализированных редакторов программ, позволяющих 
повысить производительность труда программиста, они не могут сравниться с ин- 
тегрированными средами разработки, предлагающими множество дополнительных 
возможностей, например проведение отладки и тестирования программ прямо 
в редакторе, а также отображение описаний функций и многое другое. 
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На рис. 2.13 показана популярная интегрированная среда разработки рћрЮеѕівпег 
с программой РНР, которая загружена в главное окно, и с расположенным в правой 
части анализатором кода Сое Ехр/отет, в котором перечислены различные классы, 
функции и переменные, используемые в этой программе. 
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Рис. 2.13. При использовании такой ТРЕ, как рһрреѕідпег, разработка РНР-программы 
идет намного быстрее и проще 


При разработке продукта в ФЕ можно установить контрольные точки, а затем за- 
пустить весь код целиком (или по частям), тогда его выполнение будет останавли- 
ваться в контрольных точках и вам будет предоставляться информация о текущем 
состоянии программы. 


Помочь изучению процесса создания программ может то, что приводимые в данной 
книге примеры могут быть введены в ШЕ и запущены в этой среде, — тогда вы- 
зывать браузер уже не понадобится. 


Существует несколько интегрированных сред разработки, доступных для раз- 
личных платформ. Большинство из них являются коммерческими продуктами, 
но встречаются и бесплатные версии. В табл. 2.1 приведены некоторые наиболее 
популярные интегрированные среды разработки РНР-программ и ОВТ-адреса, 
с которых их можно загрузить. 
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Таблица 2.1. Интегрированные среды разработки для РНР 






































ТОЕ УВЕ-адрес загрузки Цена \ММт | Мас | Ипих 
ЕсПрзе РОТ | Бир://есйрзе.оге/р@&/Чо\утоааз/ Бесплатно |у |у |у 
Кото4о ФЕ | ћеср://асїуеѕќаќе.сот//Ргойисіѕ/КотоЯо іе $295 У 
М№есВеапѕ ћеср:/ ууу.пееапѕ.оге Бесплатно |у |у |у 
рһрЮеѕівпег | һћр://трѕоЌуаге.ак $39 и |= =; 
РНРесіірѕе | Һер: //рһресііїрѕе.Пе Бесплатно |у |у |у 
РҺрЕРр Һеєр://пиѕрћеге.сот $99 у | |м 
РНРЕЧИ ћеер://рћрейіє.сот $117 У | | 











Потратьте время на установку удобного, с вашей точки зрения, редактора программ 
или ТЕ, и тогда вы будете готовы опробовать в работе примеры, приводимые 
в следующих главах. 


Теперь, вооружившись редактором программ или ШЕ, вы готовы к переходу к гла- 
ве 3, в которой начнется углубленное изучение РНР и совместной работы НТМТ. 
и РНР, а также структуры самого языка РНР. Но перед тем, как перейти к этой 
главе, я предлагаю проверить полученные вами знания и ответить на следующие 


вопросы. 


Вопросы 


лро № 


В чем разница между МАМР, МАМРи АМР? 
Что общего у ІР-адреса 127.0.0.1 и ОВІ -адреса Һ№р://осаіћоѕЁ? 


Для чего предназначена ЕТР-программа? 


редактором? 


Назовите основной недостаток работы на удаленном веб-сервере. 


Почему лучше воспользоваться редактором программ, а не обычным текстовым 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Введение в РНР 


В главе 1 о РНР говорилось как о языке, заставляющем сервер генерировать дина- 
мическую, потенциально разную выходную информацию при каждом запросе брау- 
зером веб-страницы. В данной главе начнется изучение этого простого, но мощного 
языка, которое продолжится в следующих главах и завершится в главе 7. 


Я призываю вас выполнять разработку кода РНР в одной из интегрированных 
сред разработки (ТОЕ), упомянутых в главе 2. Она поможет выявить опечатки, что 
существенно ускорит обучение по сравнению с работой в менее функциональных 
редакторах. 


Многие из ШЕ позволяют запускать код, рассматриваемый в этой главе, и изучать 
производимую им выходную информацию. Мы также разберем методы вставки 
кода РНР в файл НТМГ, чтобы иметь представление о внешнем виде выходной 
информации на веб-странице (то есть о том виде, в котором она в итоге предстанет 
перед пользователями). 


В процессе создания веб-страницы будут представлять собой комбинацию РНР, 
НТМЕ, ЈауаЅсгірї, инструкций МуѕЅО1 и форматирования с помощью С55. Кроме 
того, каждая страница может привести на другие страницы, предоставляя пользо- 
вателям возможность щелкать на ссылках и заполнять формы. Хотя при изучении 
этих языков можно обойтись и без таких сложностей. На данном этапе нужно 
сконцентрироваться исключительно на написании РНР-кода и на достижении 
предсказуемости содержимого выходной информации или по крайней мере на 
умении разбираться в характере этой информации. 


Включение РНР в НТМЁ 


По умолчанию в конце имен РНР-документов ставится расширение РНР. Когда 
веб-сервер встречает в запрашиваемом файле это расширение, он автоматически 
передает файл РНР-процессору. Веб-серверы имеют довольно широкий диапа- 
зон настроек, и некоторые веб-разработчики выбирают такой режим работы, при 
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котором для разбора РНР-процессору принудительно передаются также файлы 
с расширениями НТМ или НТМГ.. Обычно это связано с тем, что разработчики 
хотят скрыть факт использования РНР. 


Программа на РНР отвечает за возвращение файла в чистом виде, пригодном 
для отображения в браузере. В простейшем случае на выходе документа РНР 
будет получаться только код НТМГ. Чтобы убедиться в этом, можно взять любой 
НТМГ-документ и сохранить его в качестве РНР-документа (например, сохраняя 
файл іпдех.һт1 под именем іпаех.рһр), и он будет отображаться точно так же, 
как исходный файл. 


Для запуска команд РНР нужно изучить новый тег. Его открывающая часть имеет 
следующий вид: 


<?рһр 


Первое, что может броситься в глаза, — незавершенность тега. Это обусловлено 
тем, что внутри тега могут помещаться целые фрагменты кода РНР. Они заканчи- 
ваются, только когда встречается закрывающая часть тега такого вида: 


?> 


Небольшая РНР-программа Нео Мо! может иметь вид, показанный в примере 3.1. 


Пример 3.1. Вызов РНР 


<?рһр 
есһо "Не11о мог1а"; 
?> 


Этот тег очень гибок в использовании. Некоторые программисты открывают его 
в начале документа, а закрывают в самом конце и выводят любой код НТМТ, путем 
непосредственного использования команды РНР. 


Другие программисты предпочитают помещать в эти теги как можно меньшие фраг- 
менты кода РНР и именно в тех местах, где нужно воспользоваться динамическими 
сценариями, а весь остальной документ составлять из стандартного кода НТМГ. 


Сторонники последнего метода программирования зачастую аргументируют 
свой выбор тем, что такой код выполняется быстрее, а сторонники первого мето- 
да утверждают, что увеличение скорости настолько мизерное, что оно не может 
оправдать дополнительные сложности многочисленных вставок РНР в отдельно 
взятый документ. 


По мере изучения языка вы, несомненно, определитесь в своих стилевых предпо- 
чтениях при создании разработок на РНР, но для упрощения примеров, приводи- 
мых в этой книге, я свел количество переходов между РНР и НТМГ к минимуму, 
в среднем к одному-двум переходам на документ. 


Кстати, существует и несколько иной вариант синтаксиса РНР. Если поискать при- 
меры РНР-кодав Интернете, то можно встретить код, где используется следующий 
синтаксис открывающего и закрывающего тегов: 
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<? 
есһо "Не11о мог1а"; 
?> 


Несмотря на то что здесь неочевиден вызов РНР-парсера, это вполне приемлемый 
альтернативный синтаксис, который, как правило, также работает. Но я не сове- 
тую его использовать, поскольку он несовместим с ХМІ и в настоящее время его 
применение не приветствуется (это значит, что он больше не рекомендуется и его 
поддержка может быть удалена в будущих версиях). 








Если в файле содержится только код РНР, то закрывающий тег ?> можно опу- 
стить. Именно так и нужно делать, чтобы гарантировать отсутствие в файлах 
РНР лишнего пустого пространства (что имеет особую важность при написании 
объектно-ориентированного кода). 








Примеры в этой книге 


Чтобы вы не тратили время на набор примеров, приводимых в этой книге, все они 
заархивированы на сайте по адресу Һ№р://Іртј.пеї, откуда можно загрузить файл 
архива, щелкнув на ссылке 5! Еаіоп Ехатр!е$ (Примеры пятого издания), которая 
находится в верхней части страницы (рис. 3.1). 


Ҹ «һә РНР, мов а х {7 
< С (0 | О іртјпеи5:ћсаїйоп/ 


Геагптпа РНР, МузО(, & Зауа$спре 
О КЕШ" 5" Еайюп Ву КоЫп М№іхоп (о'қеШу 2018) 


Аро | Виу Рареграск / Кіпоіе | 50 Еііоп Ехатріеѕ | Еггаќа | Ебійопе: 121 289 319 40 5!" 








Тһѕ раде геЃег (0 пе 51һ ЕЧйюп ої ће Боок, рибйзней т 2018. РІеаѕе сиск ве 
пк папе Һеайег Гог ёе 15%, 2", 3" апа 4 ЕЧйтоп радез. 


Ро оџі Гог уошгље!! Пу Геагийу РНР, Му$О1, & Јауа$Ѕсгірі 5" ЕДИЮп 15 һе питфег-опе Ьеві-ъеіїпо 
ЫоскЬџѕќег (На! Баз Бееп аё {Не {юр оғ {Һе сһагёѕ Ғог омег піпе уеагѕ мғогідміде, {$ {Һе Ягз{ гезий гефигпед оп 
РНР Бу Ататоп 05, ЦК апа Сапада, е @гз! ѓогеідп 1апдиаде е оп РНР гегигпед оп Еигореап Ататоп 
мс55Ко5, апа іп (ће гор 10 ѓогсідп Боокс оп РНР оп Атагоп Јарап апа Сһћіпа! 

1еагпіпӯ РНР, МуЅ01, & ЈауаЅсгірё 5 Едібоп м! ёеасһ уоџ һом $0 сгеаѓе геѕропѕіме, даѓа-йгімеп 
мебѕігез м тре сегига! гесһпоіодіез оЁ РНР, Му5ОЦ, Јауабсгірї, С55, & НТМЕ5 - мпеййег ог пос уои Кпом ћоуг 
хо ргодгат. Тћ!5 тре, 0гсатіїпед дуе схріаіпѕ һом ће ромегАл сотЫпаЧоп оЁ РНР апд Муѕоі ргомійеѕ а 
райцев$ уау {0 фи! гтодегп уғерѕйеѕ м Фупагтіс Фаіа апд џиѕег іпіегасШоп. Үоџи"!1 аіѕо Іеагп Бом © адд 
Јамабсгірё ёо сгеаёе псп Іпёегпеё меб5Иез ап@ аррИсаНоп$, һом 10 иѕе Ајах {о Папе Баскогоипа 
соттипісайоп мі а үер зегуег, апа һом то деуеюр сотре!тд тоЫіе угебзісез апа меб аррз 
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6. РНР Апауъ 

7. Ргасісеї РНР 
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9. Ма: егіп МУЅС. 


2210011908] | 10. Ассезыгуу МУЗОЕ Цыту РНР 
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Рис. 3.1. Примеры, приводимые в этой книге, можно загрузить с адреса ћір://Іртј.пеё 
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Вдобавок к перечислению всех примеров по номеру главы и примера (в частно- 
сти, ехатр1е3-1.рһр) предоставляемый архив содержит дополнительный каталог 
патеа_ехатр1еѕ, где можно найти все примеры, которые предлагалось сохранять 
в файлах с конкретными именами (как в показанном далее примере 3.4, который 
нужно будет сохранить в файле с именем +е51.рНр). 


Структура РНР 


В этом разделе будет рассмотрено довольно много основных положений. Разо- 
браться во всем этом несложно, но я рекомендую проработать материал как можно 
тщательнее, поскольку он служит основой для понимания всей остальной книги. 
Как всегда, в конце главы будут заданы вопросы, с помощью которых можно будет 
проверить, насколько глубоко усвоен материал. 


Комментарии 


Существует два способа добавления комментариев к коду РНР. Первый, преду- 
сматривающий размещение в начале строки двух прямых слешей, превращает 
в комментарий отдельную строку: 


// Это комментарий 


Он хорошо подходит для временного исключения из программы строки кода, явля- 
ющейся источником ошибок. Например, такой способ комментирования можно 
применить для того, чтобы скрыть строку кода до тех пор, пока в ней не возникнет 
необходимость: 


// есһо "Х едиа1$ $х"; 


Такой комментарий можно также вставить сразу же после строки кода, чтобы 
описать ее действие: 


$х += 10; // Увеличение значения $х на 10 


Когда понадобится комментарий, состоящий из нескольких строк, нужно вос- 
пользоваться вторым способом комментирования, который показан в примере 3.2. 


Пример 3.2. Многострочный комментарий 


<?рһр 
/* Это область 
многострочного комментария, 
которая не будет 
подвергаться интерпретации */ 
?> 


Для открытия и закрытия комментария можно воспользоваться парами символов 
/* и */ практически в любом произвольно выбранном месте кода. Если не все, то 
большинство программистов используют эту конструкцию для временного превра- 
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щения в комментарий целого неработоспособного раздела кода или такого раздела, 
который по тем или иным причинам нежелательно интерпретировать. 








Типичная ошибка — применение пар символов /* и */ для того, чтобы заком- 
ментировать большой фрагмент кода, уже содержащий закомментированную 
область, в которой используются эти же пары символов. Комментарии не могут 
быть вложенными друг в друга, поскольку РНР-интерпретатор не поймет, где 
заканчивается комментарий, и выведет на экран сообщение об ошибке. Но если 
вы используете редактор программ или интегрированную среду разработки с под- 
светкой синтаксиса, то ошибку такого рода нетрудно будет заметить. 














Основной синтаксис 


РНР — очень простой язык, уходящий своими корнями в языки С и Ре!|, но все же 
больше похожий на ]ауа. Он очень гибок, но существует несколько правил, отно- 
сящихся к его синтаксису и структуре, которые следует изучить. 


Точки с запятыми 


В предыдущих примерах можно было заметить, что команды РНР завершаются 
точкой с запятой: 


$х += 10; 


Возможно, чаще всего причиной ошибок, с которыми приходится сталкиваться при 
работе с РНР, становится забывчивость. Если не поставить эту точку с запятой, 
РНР вынужден будет рассматривать в качестве одной сразу несколько инструкций, 
при этом он не сможет разобраться в ситуации и выдаст ошибку синтаксического 
разбора — Рагзе еггог. 


Символ $ 


Символ $ в разных языках программирования используется в различных целях. 
Например, в языке ВАЅІС символ $ применялся в качестве завершения имен пере- 
менных, чтобы показать, что они относятся к строкам. 


АвРНР символ $ должен ставиться перед именами всех переменных. Это нужно 
для того, чтобы РНР-парсер работал быстрее, сразу же понимая, что имеет дело 
с переменной. К какому бы типу ни относились переменные — к числам, строкам 
или массивам, все они должны выглядеть так, как показано в примере 3.3. 


Пример 3.3. Три разновидности присваивания значений переменным 


<?рһр 

$тусоип&ег = 1; 

$тузЕг1пё = "Не110"; 

$туаггау = аггау( "Опе", "Тмо", "Тпгее"); 
?> 
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Вот, собственно, и весь синтаксис, который нужно усвоить. В отличие от языков, 
в которых отношение к способам отступа текста программы и размещения кода 
очень строгое (например, от Руфоп), РНР дает полную свободу использования 
(или игнорирования) любых отступов и любого количества пробелов по вашему 
усмотрению. В действительности же разумное использование того, что называется 
свободным пространством, обычно поощряется (наряду с всесторонним комменти- 
рованием), поскольку помогает разобраться в собственном коде, когда к нему при- 
ходится возвращаться по прошествии некоторого времени. Это помогает и другим 
программистам, вынужденным поддерживать ваш код. 


Переменные 


Понять, что такое переменные РНР, поможет простая метафора. Думайте о них 
как о небольших (или больших) спичечных коробках! Именно как о спичечных 
коробках, которые вы раскрасили и на которых написали некие имена. 


Строковые переменные 


Представьте, что у вас есть коробок, на котором написано слово изетате (имя пользо- 
вателя). Затем вы пишете на клочке бумаги Рей 5$тий и кладете эту бумажку в коробок 
(рис. 3.2). Этот процесс похож на присваивание переменной строкового значения: 


$иѕегпате = "Егед Ѕті+һ"; 





Рис. 3.2. Переменные можно представить в виде спичечного коробка, 
содержащего какие-то предметы 


Кавычки служат признаком того, что Егеа ѕті+һ является строкой символов. 
Каждую строку нужно заключать либо в двойные, либо в одинарные кавычки (апо- 
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строфы). Между этими двумя видами кавычек есть весьма существенное различие, 
которое будет рассмотрено далее. 


Когда хочется посмотреть, что находится внутри коробка, вы его открываете, вы- 
нимаете бумажку и читаете, что на ней написано. В РНР подобное действие (вы- 
водящее содержимое переменной на экран) выглядит следующим образом: 


есһо $изегпаме; 


Можно также присвоить содержимое другой переменной (сделать ксерокопию 
бумажки и поместить ее в другой коробок): 


$сиггепЕ изег = $изегпаме; 


Если вы стремитесь самостоятельно освоить работу с РНР, то можете попробовать 
вводить примеры, приводимые в этой главе, в интегрированную среду разработки 
(согласно рекомендациям, которые были даны в конце главы 2), чтобы тут же 
посмотреть на результаты, или же можете ввести код примера 3.4 в редактор про- 
грамм (который также рассматривался в главе 2) и сохранить этот код в каталоге 
исходного источника документов вашего сервера под именем +еѕё1.рһр. 


Пример 3.4. Ваша первая РНР-программа 


<?рһр // Жеѕ+1.рһр 
$изегпате = "Егед $1"; 
есһо $иѕегпате; 
есһо "<6г>"; 
$сиггепЕ _изег = $иѕегпате; 
есһо $сиггеп{_изег; 

04 


Теперь эту программу можно запустить, введя в адресную строку браузера следу- 
ющий адрес: 


һер: //1оса1ћоѕё/еѕ+1.рһр 








В маловероятном случае, предполагающем, что в ходе установки веб-сервера 
(рассмотренной в главе 2) вы изменили назначенный серверу порт на какой- 
нибудь другой, отличающийся от порта 80, вы должны поместить номер этого 
порта в ЦВЕ в данном и всех последующих примерах из этой книги. Например, 
если вы изменили порт на 8080, то предыдущий УВЕ приобретет следующий вид: 





һер: //10са1һоѕ+ :8080/+е$+1.рНр 


Не забудьте об этом при тестировании других примеров из книги или при на- 
писании собственного кода. 





Результатом запуска этого кода будет двойное появление имени Егеа ѕтієћ, пер- 
вое — в результате выполнения команды есһо $изегпаме, а второе — в результате 
выполнения команды есһо $сиггеп* _изег. 
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Числовые переменные 


Переменные могут содержать не только строки, но и числа. Если вернуться кана- 
логии со спичечным коробком, сохранение в переменной $соип+ числа 17 будет 
эквивалентно помещению, скажем, 17 бусин В коробок, на котором написано 
слово соип+: 


фсоипі = 17; 


Можно также использовать числа с плавающей точкой (содержащие десятичную 
точку). Синтаксис остается прежним: 


$соипЕ = 17.5; 


Чтобы узнать о содержимом коробка, его нужно просто открыть и посчитать 
бусины. В РНР можно присвоить значение переменной $соип* другой перемен- 
ной или вывести его с помощью браузера на экран, воспользовавшись коман- 
дой есћо. 


Массивы 


Массивы можно представить в виде нескольких склеенных вместе спичечных ко- 
робков. Например, нам нужно сохранить имена пяти футболистов одной команды 
в массиве $+еамт. Для этого мы склеим вместе боковыми сторонами пять коробков, 
запишем имена всех игроков на отдельных клочках бумаги и положим каждый 
клочок в свой коробок. 


Вдоль всей верхней стороны склеенных вместе коробков напишем слово +еат 
(рис. 3.3). ВРНР эквивалентом этому действию будет следующий код: 


$Ееат = аггау'Ві11', 'Магу', 'М1Ке', "Сһгіѕ', 'Аппе’); 





Рис. 3.3. Массив похож на несколько склеенных вместе спичечных коробков 
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Этот синтаксис несколько сложнее рассмотренных ранее инструкций. Код создания 
массива представляет собой следующую конструкцию: 


аггау(); 


с пятью строками внутри круглых скобок. Каждая строка заключена в одинарные 
кавычки, и строки должны быть отделены друг от друга запятыми. 


Когда потребуется узнать, кто является игроком номер 4, можно воспользоваться 
следующей командой: 


есһо $%©еат[3]; // Эта команда отображает имя СПг1$ 


Использование в предыдущем примере числа 3, а не 4 обусловлено тем, что первый 
элемент РНР-массива является, как правило, нулевым, поэтому номера игроков 
распределяются в интервале от 0 до 4. 


Двумерные массивы 


Диапазон использования массивов очень широк. Например, вместо выстраивания 
одномерных рядов коробков из них можно построить двумерную матрицу, а мас- 
сивы могут иметь три и более измерения. 


Чтобы привести пример двумерного массива, представим, что нужно отслеживать 
ход игры в крестики-нолики, для чего требуется структура данных, состоящая из 
девяти клеток, сгруппированных в квадрат 3 х 3. Для наглядности вообразите себе 
девять коробков, склеенных в матрицу, состоящую из трех строк и трех столбцов 
(рис. 3.4). 





Рис. 3.4. Многомерный массив, смоделированный с помощью коробков 


Теперь для каждого хода можно класть в нужные коробки клочки бумаги с кре- 
стиком или ноликом. Чтобы сделать это в коде РНР, необходимо создать массив, 
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содержащий три других массива, как в примере 3.5, в котором массив создается для 
отображения уже ведущейся игры. 


Пример 3.5. Определение двумерного массива 


<?рһр 
$охо = аггау(аггау('х', ' ', 'о'), 
аггау('о', 'о', 'х'), 
аггау('х', 'о', ' ')); 
?> 


Мы сделали еще один шаг к усложнению, но смысл его нетрудно понять, если 
усвоен основной синтаксис массива. Здесь три конструкции аггау() вложены 
во внешнюю по отношению к ним конструкцию аггау(). Мы заполнили каждую 
строку массивом, состоящим только из одного символа: х, о или пробела. (Мы вос- 
пользовались пробелом для того, чтобы все ячейки при отображении были одина- 
ковой ширины.) 


Для возвращения в дальнейшем третьего элемента во второй строке этого массива 
можно воспользоваться следующей РНР-командой, которая отобразит символ «х»: 


есһо $охо[11[2]; 





Не забывайте о том, что отсчет индексов массива (указателей на элементы вну- 
три массива) начинается с нуля, а не с единицы, поэтому в предыдущей команде 
индекс [1] ссылается на второй из трех массивов, а индекс [2] — на третью по- 
зицию внутри этого массива. Эта команда вернет содержимое третьего слева 
и второго сверху коробка. 








Как уже упоминалось, поддерживаются даже массивы с большей размерностью, 
получаемые путем простого создания большего количества вложенных друг в друга 
массивов. Но в этой книге массивы с размерностью больше двух рассматриваться 
не будут. 


Подробнее о массивах мы поговорим в главе 6. 


Правила присваивания имен переменным 


При создании РНР-переменных следует придерживаться четырех правил. 
о Имена переменных после знака доллара должны начинаться с буквы или с сим- 
вола _ (подчеркивания). 


О Имена переменных могут содержать только символы: а-2, А-7, 0-9 и _ (под- 
черкивание). 





О Имена переменных не должны включать в себя пробелы. Если имя переменной 
нужно составить более чем из одного слова, то в качестве разделителя рациональ- 
нее всего будет использовать символ подчеркивания (например, Физег_паме). 
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О Имена переменных чувствительны к регистру символов. Переменная $Н1 ей _ 
Ѕсоге отличается от переменной $11вй_зсоге. 








Чтобы позволить использование А5СП-символов, включающих диакритические 
знаки, РНР также поддерживает в именах переменных байты от 127 и до 255. 
Но пока ваш код не будет поддерживаться только теми программистами, которые 
знакомы с такими символами, от их применения лучше отказаться, поскольку про- 
граммисты, использующие английские раскладки клавиатуры, будут испытывать 
трудности при доступе к таким символам. 








Операторы 


Операторы позволяют указать выполняемые математические операции, такие как 
сложение, вычитание, умножение и деление. Но существует также и ряд других 
типов операторов, например операторы работы со строками, проведения сравнений 
и выполнения логических операций. Математические операции в РНР во многом 
похожи на обычные арифметические записи. Например, в результате работы сле- 
дующего оператора выводится число 8: 


есһо 6 + 2; 


Перед тем как приступить к изучению возможностей РНР, следует уделить не- 
много внимания рассмотрению предоставляющих эти возможности различных 
операторов. 


Арифметические операторы 


Арифметические операторы проделывают вполне ожидаемую работу. Они при- 
меняются для выполнения математических операций. Их можно использовать 
для проведения четырех основных операций (сложения, вычитания, умножения 
и деления), а также для нахождения модуля (остатка от деления) и увеличения 
или уменьшения значения на единицу (табл. 3.1). 


Таблица 3.1. Арифметические операторы 






































Оператор Описание Пример 
+ Сложение $) +1 

– Вычитание $ —6 

а Умножение $) * 11 

/ Деление $) /4 

% Модуль (остаток от деления) $) %9 
А6 Инкремент (приращение) ++$) 
— Декремент (отрицательное приращение) —-$] 

ре Возведение в степень $]**2 
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Операторы присваивания 


Эти операторы используются для присваивания значений переменным. К ним 
относится самый простой оператор =, а также операторы +=, -= ит. д. (табл. 3.2). 
Оператор += вместо полного замещения находящегося слева значения добавляет 
к нему значение, которое находится справа от него. Итак, если переменная $соип& 
имела начальное значение 5, то оператор: 


$соипЕ += 1; 


устанавливает значение $соип* равным 6 точно так же, как более привычный опе- 
ратор присваивания: 


$соипЕ = $соип* + 1; 


Таблица 3.2. Операторы присваивания 





























Оператор Пример Эквивалент 
= $] = 15 $) = 15 

+= $) += 5 $ = $) +5 
== $) = 3 $) = $) – 3 

" $ *-8 8] - 8) *8 
и $) /= 16 $) = $) / 16 
= $) .= $К $) = $). $К 
%= $) %= 4 $) = $) %0 4 














Операторы сравнения 


Как правило, операторы сравнения используются внутри таких конструкций, как 
инструкция 1+, в которых требуется сравнивать значения двух элементов. Напри- 
мер, если необходимо узнать, не достигло ли значение переменной, подвергающе- 
еся приращению, какого-то конкретного значения или не превышает ли значение 
другой переменной установленного значения и т. д. (табл. 3.3). 


Таблица 3.3. Операторы сравнения 


























Оператор Описание Пример 
== Равно $) == 

|= Не равно $) 1= 21 
> Больше $) >23 

< Меньше $) < 100 
>= Больше или равно $) >= 15 
<= Меньше или равно $) <= 8 
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Оператор Описание Пример 
<> Не равно $] <> 23 
=== Тождественно $) === "987" 
|== Не тождественно $) !== "1.2е3" 














Учтите, что операторы = и == предназначены для разных действий. Если первый 
является оператором присваивания, то второй — оператором сравнения. Иногда 
в спешке даже более опытные программисты могут вместо одного из них поставить 
другой, поэтому будьте внимательны, используя эти операторы. 


Логические операторы 


Если логические операторы вам раньше не встречались, то поначалу они могут 
показаться чем-то необычным. Нужно представить, что вы делаете логические за- 
ключения на простом разговорном языке. Например, можно сказать самому себе: 
«Если время уже больше 12, но меньше 14 часов, значит нужно пообедать». В РНР 
код для такого высказывания может выглядеть следующим образом: 


1+ ($һоиг > 12 && $һоиг < 14) ао1ипсһ(); 


Здесь набор инструкций для самого обеда помещен в функцию по имени ао1ипсћ, 
которую позже нужно будет создать. 


Как видно из предыдущего примера, логический оператор обычно используется 
для объединения результатов работы двух операторов сравнения, показанных 
в предыдущем разделе. Результат работы одного логического оператора может 
служить входным значением для другого логического оператора («Если время уже 
больше 12, но меньше 14 часов или же если в комнате пахнет жареным и тарелки 
уже стоят на столе...»). Как правило, если какое-то действие имеет истинное или 
ложное значение — ТКОЕ или РАГ5Е, оно может служить входным значением для 
логического оператора, который берет два истинных или ложных входных значе- 
ния и выдает в качестве результата истинное или ложное значение. Логические 
операторы показаны в табл. 3.4. 


Таблица 3.4. Логические операторы 























Оператор Описание Пример 

Г И $} ==3 && $к==2 
апа Низкоприоритетное И $] == 3 апа $К == 2 
| ИЛИ 5]<5 |87210 

ог Низкоприоритетное ИЛИ $] <50г $] > 10 

! НЕ 1 ($) == $К) 

хог Исключающее ИЛИ $] хог $К 
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Заметьте, что оператор && обычно взаимозаменяем с оператором АМ; то же самое 
справедливо и для операторов | | и о. Но, поскольку у операторов апа и ог более 
низкий приоритет, их применения следует избегать, если только нет никаких 
других вариантов, как в следующей инструкции, где необходимо использовать 
оператор ог (для того чтобы принудительно выполнялась вторая инструкция, если 
выполнение первой завершится неудачно, оператор | | применяться не может): 


туѕд1 _ѕе1есі 0($да+абаѕе) ог 41е("Невозможно выбрать базу данных"); 


Наиболее непривычным из этих операторов является хог, предназначенный для опе- 
рации исключающего ИЛИ, который возвращает истинное значение ТВУЕ, если любое 
из входных значений истинно, и ложное значение ҒАГЅЕ, если оба они имеют значе- 
ние ТВОЕ или ЕАЕЗЕ. Чтобы понять его работу, представьте, что хотите изобрести 
чистящее средство для дома. Как аммиак (аттопіа), так и хлорка (Ыеасћ) обладают 
хорошими чистящими свойствами, поэтому нужно, чтобы ваше средство содержало 
одно из этих веществ. Но оба они не могут в нем присутствовать, поскольку их со- 
четание опасно. В РНР это можно представить в следующем виде: 


$ іпегедіепі = фаттопіа хог $Б1еасН; 


В представленном фрагменте, если любая из двух переменных, фаттопіа или 
$Ь1еасһ, имеет значение ТВОЕ, то значение переменной $іпагейіепї также будет 
установлено в ТВОЕ. Но если обе они имеют значение ТВОЕ или значение ЕАЕЗЕ, то 
значение переменной $іпвгеаіеп будет установлено в ЕАЕЗЕ. 


Присваивание значений переменным 


Синтаксис присваивания значения переменной всегда имеет вид переменная = зна- 
чение. Для передачи значения другой переменной он имеет немного иной вид: 
другая_переменная = переменная. 


Есть еще несколько дополнительных операторов присваивания, которые могут 
оказаться полезными. Например, нам уже встречался оператор: 


$х += 10; 
Он предписывает РНР-парсеру добавить значение, расположенное справа от него 


(в данном случае это значение равно 180), к значению переменной $х. Подобным 
образом можно вычесть значение: 


Увеличение и уменьшение значения переменной на единицу 


Добавление или вычитание единицы — настолько часто встречающаяся операция, 
что РНР предоставляет для этого специальные операторы. Вместо операторов += 
и -= можно воспользоваться одним из следующих операторов: 


++$х; 
--$у; 
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В сочетании с проверкой (инструкцией 1+) можно воспользоваться таким кодом: 
1+ (++$х == 10) есһо $х; 


Этот код предписывает РНР сначала увеличить значение переменной $х наедини- 
цу, а затем проверить, не имеет ли она значение 10; если переменная имеет такое 
значение, его следует вывести на экран. Можно также потребовать от РНР увели- 
чить значение переменной на единицу (или, как в следующем примере, уменьшить 
на единицу) после того, как ее значение будет проверено: 


1+ (Фу-- == 0) есһо $у; 


что дает несколько иной результат. Предположим, что первоначальное значение 
переменной $у до выполнения оператора было равно нулю. Операция сравнения 
вернет результат ТВОЕ, но после того, как она будет проведена, переменной $у 
будет присвоено значение -1. Тогда что же отобразит инструкция есһо: д или -1? 
Попробуйте догадаться, а потом, чтобы подтвердить свою догадку, испытайте 
работу инструкции в РНР-процессоре. Поскольку такая комбинация операторов 
может вас запутать, ее можно применять только в качестве обучающего при- 
мера, но ни в коем случае не рассматривать как приемлемый стиль программи- 
рования. 


Короче говоря, когда именно увеличено или уменьшено на единицу значение пере- 
менной, до или после проверки, зависит от того, где помещен оператор инкремента 
или декремента — перед именем переменной или после него. 


Кстати, правильный ответ на предыдущий вопрос таков: инструкция еспо отобра- 
зит результат -1, потому что значение переменной $у было уменьшено на единицу 
сразу же после того, как к ней получила доступ инструкция 1+, и до того, как к ней 
получила доступ инструкция есћо. 


Объединение строк 


Объединение, или как несколько непонятно называют эту операцию, конкатена- 
ция, обозначает помещение одного содержимого после другого. При объединении 
строк, когда к одной строке символов добавляется другая строка, используется 
символ точки (.). Самый простой способ объединения строк выглядит следующим 
образом: 


есһо "У вас . $1585 сообщений. "; 


Если предположить, что переменной $тѕ25 присвоено значение 5, то эта строка кода 
выведет следующую информацию: 


У вас 5 сообщений. 


Так же как с помощью оператора += можно добавить значение к числовой пере- 
менной, с помощью оператора .= можно добавить одну строку к другой: 


$Ыи11е+іп .= фпемѕ#1аѕһ; 
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В данном случае, если в переменной $6и11е{1п содержится сводка новостей, 
а в переменной $пемѕ#1аѕһћ — экстренное сообщение, команда добавляет это со- 
общение к сводке новостей, и теперь переменная $6и11еіп включает в себя обе 
строки текста. 


Типы строк 


В РНР поддерживаются два типа строк, которые обозначаются типом использу- 
емых кавычек. Если требуется присвоить переменной значение текстовой строки, 
сохраняя ее точное содержимое, нужно воспользоваться одинарными кавычками 
(апострофами): 


$ ЧиРо = 'Предваряйте имена переменных символом $, как в данном примере: $уаг1аб1е'; 


В данном случае переменной $1п+0 присваивается каждый символ, находящийся 
внутри строки в одинарных кавычках. Если воспользоваться двойными кавычками, 
то РНР попытается вычислить $уаг1а 1е и получить значение переменной. 


В то же время, если требуется включить в состав строки значение переменной, 
используется строка, заключенная в двойные кавычки: 


есһо "На этой неделе ваш профиль просмотрело $соипе человек "; 


Из этого следует, что данный синтаксис предлагает более простой вариант объеди- 
нения, в котором для добавления одной строки к другой не нужно использовать 
символ точки или закрывать и снова открывать кавычки. Этот прием называется 
подстановкой переменной, и одни программисты пользуются им довольно интен- 
сивно, в то время как другие вообще его не применяют. 


Изменение предназначения символов 


Иногда в строке должны содержаться символы, которые имеют специальное пред- 
назначение и могут быть неправильно интерпретированы. Например, следующая 
строка кода не будет работать, потому что вторая кавычка (апостроф), встреченная 
в слове ѕреіпе”ѕ, укажет РНР-парсеру на то, что достигнут конец строки. Следова- 
тельно, вся остальная часть строки будет отвергнута как ошибочная: 


$ЕехЕ = 'Му ѕре11іпв'ѕ аёгоѕһиѕ'; // Ошибочный синтаксис 


Для исправления ошибки нужно непосредственно перед вызывающим неодно- 
значное толкование символом кавычки добавить обратный слеш, чтобы заставить 
РНР рассматривать этот символ буквально и не подвергать его интерпретации: 


$ЕехЕ = 'Му зре111п5\'5 51111 афгозВиз'; 


Этот прием можно применить практически во всех ситуациях, где в противном 
случае РНР вернул бы ошибку, пытаясь интерпретировать символ. Например, 
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следующая строка, заключенная в двойные кавычки, будет присвоена переменной 
без ошибок: 


$ЕехЕ = "Ѕһе мгофе ироп 1%, \"Кефигп Фо зепаег\"."; 


Кроме того, для вставки в строку различных специальных символов, например 
табуляции, новой строки и возврата каретки, могут применяться управляющие 
символы: \&, \п и \г соответственно. Вот пример, в котором символы табуляции 
используются для разметки заголовка (они включены в строку лишь для иллю- 
страции применения символа обратного слеша, поскольку существуют более под- 
ходящие способы разметки веб-страниц): 


$һеааіпе = "Дата\+Имя\ Платеж" ; 


Эти специальные символы, предваряемые символами обратного слеша, работают 
только в строках, заключенных в двойные кавычки. Если заключить предыдущую 
строку в одинарные кавычки, то вместо символов табуляции в ней будут отображе- 
ны нелепые последовательности символов \+. Внутри строк, заключенных в одинар- 
ные кавычки, в качестве символов с измененным предназначением распознаются 
только измененный апостроф (\') и сам измененный обратный слеш (\\). 


Многострочные команды 


Иногда нужно вывести из РНР большой объем текста, а использование нескольких 
инструкций есһо (или ргіпё) заняло бы много времени и было бы неразумным. 
РНР предлагает два удобных средства, предназначенных для того, чтобы спра- 
виться с подобной ситуацией. Первое из них состоит в заключении в кавычки не- 
скольких строк, как в примере 3.6. Переменным также можно присвоить значения 
способом, показанным в примере 3.7. 


Пример 3.6. Инструкция есһо, использующая несколько строк 


<?рһр 
$ач{Пог = "54еуе Ва11тег"; 


есһо "Беуе1орег$, Беуе1орег$, деуе1орег$, 4еуе1орег$, 
деуе1орегѕ, ае\уе1орег$, еуе1орегѕ, аеуе1орег$, деуе1орег$! 


$аиёһог."; 
?> 


Пример 3.7. Многострочное присваивание 


<?рһр 
$ач{Пог = "Ві11 баёеѕ"; 
$ЕехЕ = "Меаѕигіпв рговгаттіпе ргоргеѕѕ Бу 1іпеѕ оф соае 15 1іке 


теаѕиғіпе а1гсга+Е биі1аіпе ргоргеѕѕ Бу метет. 


- $аиЁһог."; 
?> 
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ВРНР можно также воспользоваться многострочной последовательностью, до- 
бавив оператор <<<, который обычно называют йеғе-Йоситепі («здесь документ») 
или йегедос. Он представляет собой способ указания строкового литерала, сохра- 
няющего в тексте обрывы строк и другие пустые пространства (включая отступы). 
Его использование показано в примере 3.8. 


Пример 3.8. Еще один вариант инструкции еспо, использующей сразу несколько строк 


<?рһр 
$аџһог = "Вгіап Ш. Кегпірһап"; 


есһо <<<_ЕМО 

Рребивріпе 15 місе аз Паг аѕ мгііпе һе сое іп һе +1г5{ р1асе. 

ТһегеҒоге, 1+ уои мгіте һе сое аз с1еуег1у аѕ ро$$161е, уои аге, 
Бу дӢе+іпітіоп, поё ѕмагі епоирћ +о аебив 1+. 


$фаиїћог. 
ЕМО; 
?> 


Этот код предписывает РНР вывести все, что находится между двумя тегами _ЕМ№, 
как будто все это является строкой, заключенной в двойные кавычки (за исключением 
того, что изменять предназначение кавычек в ВегеЧос не нужно). Это означает, что 
разработчику можно, например, написать целый раздел НТМТ-кода прямо в коде 
РНР, а затем заменить конкретные динамические части переменными РНР. 


Важно запомнить, что закрывающий тег _ЕМ№; должен появляться строго в начале 
новой строки и быть единственным содержимым этой строки — к ней не разреша- 
ется добавлять даже комментарии (нельзя ставить даже одиночный пробел). Как 
только многострочный блок закрыт, можно снова воспользоваться тем же самым 
именем тега. 





Запомните: используя һегейос-конструкцию <<<_ЕМЮО..._ЕМО;, вы не должны 
добавлять символы \п, чтобы отправить команду на перевод строки, достаточно 
просто нажать клавишу Епїег и приступить к набору новой строки. В отличие от 
других строк, заключенных в одинарные или двойные кавычки, внутри конструк- 
ции Вегедос можно по своему усмотрению совершенно свободно пользоваться 
всеми одинарными или двойными кавычками, не изменяя их первоначального 
предназначения с помощью обратного слеша (\). 


В примере 3.9 показано, как использовать этот же синтаксис для присваивания 
переменной многострочного значения. 


Пример 3.9. Присваивание переменной многострочного значения 
<?рһр 
$аиһог = "ЅсоЁе Адатѕ"; 


фои = <<< ЕМО 
№огта1 реор1е Бе11е\уе һа? 1+ ії аіп'+ Бгоке, Яоп'& +Ғіх 1+. 
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Епріпееғѕ бе1іеуе ©һаї 1+ ії аіп'© Бгоке, ії доезп'{ һауе епоиеһ 
Теафиге$ уе. 


- фаи+һоғ. 
ЕМО; 
есһо $ои+; 
?> 


После этого переменная $ои+ будет наполнена содержимым, размещенным между 
двумя тегами. Если не присваивать, а добавлять значение, то для добавления 
строки к значению переменной $оиї вместо оператора = можно воспользоваться 
оператором .=. 


Будьте внимательны, не ставьте точку с запятой сразу же за первым тегом _ЕЮ, 
поскольку она прервет многострочный блок еще до его начала и вызовет сообще- 
ние об ошибке синтаксического разбора — Рагѕе еггог. Точку с запятой нужно 
ставить только после закрывающего тега _ЕМо, хотя внутри блока можно свободно 
пользоваться точкой с запятой как обычным текстовым символом. 


Кстати, тег _ЕМО — лишь один из многих, я выбрал его для этих примеров, по- 
скольку его использование где-нибудь еще в коде РНР маловероятно, и поэтому 
он уникален. Вы можете использовать по собственному усмотрению любой тег, 
например _$5ЕСТТОМ1 или _ОЧТРУТ ит. д. И еще, чтобы отличать подобные теги от 
переменных или функций, обычно в начале их имени ставят знак подчеркивания; 
но если не хотите, можете им не пользоваться. 








Многострочную разметку текста можно рассматривать как удобное средство, 
упрощающее чтение вашего кода РНР, поскольку, как только текст отображается 
на веб-странице, вступают в силу правила форматирования НТМІ и пустые 
пространства скрываются (но имя переменной $аи пог в нашем примере по- 
прежнему будет заменяться ее значением в соответствии с правилами вставки 
значений переменных). 





Допустим, если загрузить эти примеры многострочного вывода в браузер, они 
не будут отображены в виде нескольких строк, потому что все браузеры рассма- 
тривают символы новой строки просто как пробелы. Но если воспользоваться 
свойством браузера, позволяющим просматривать исходный код, обнаружится, 
что все символы новой строки правильно расставлены и этим кодом РНР сохра- 
нены переносы текста на следующие строки. 





Типы переменных 


РНР относится к очень слабо типизированным языкам. Это значит, что переменные 
не требуют объявления перед своим использованием и что РНР всегда преобразует 
переменные в тот тип, который требуется для их окружения на момент доступа к ним. 


Например, можно создать число, состоящее из нескольких цифр, и извлечь из него 
п-ю цифру, просто предположив, что это число является строкой. В примере 3.10 
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перемножаются числа 12 345 и 67 890 и возвращается результат 838102050, который 
затем помещается в переменную $питбег. 


Пример 3.10. Автоматическое преобразование числа в строку 


<?рһр 
$питбег = 12345 * 67890; 
есһо зиб5%г($питбег, 3, 1); 
?> 


Когда присваивается значение, $питбег является числовой переменной. Но во 
второй строке кода вызов значения этой переменной помещен в РНР-функцию 
ѕибѕёг, которая должна вернуть из переменной фпитбег один символ, стоящий на 
четвертой позиции (не забывайте, что в РНР отсчет позиции начинается с нуля). 
Для выполнения этой задачи РНР превращает $питбег в строку, состоящую из 
девяти символов, чтобы функция ѕибѕїг могла получить к ней доступ и вернуть 
символ, в данном случае 1. 


То же самое происходит при необходимости превратить строку в число ит. д. 
А в примере 3.11 переменной $р1 присвоено строковое значение, которое затем 
в третьей строке кода автоматически превращается в число с плавающей точкой, 
чтобы стать частью уравнения по вычислению площади круга, которое выводит 
значение 78,5398175. 


Пример 3.11. Автоматическое преобразование строки в число 


<?рһр 

$рі = "3.1415927"; 

$гайіиѕ = 5; 

есһо $рі * ($гад1и$ * $гааіиѕ); 
?> 


На практике все это означает, что вам не стоит слишком волноваться за типы пере- 
менных. Им следует просто присвоить значения, имеющие для вас смысл, и РНР 
при необходимости их преобразует. Затем, если понадобится извлечь значение, их 
нужно просто запросить, например, с помощью инструкции есно. 


Константы 


Константы, как и переменные, хранят информацию для последующего доступа, 
за исключением того, что они оправдывают свое название констант (постоянных). 
Иными словами, после определения констант их значения устанавливаются для 
всей остальной программы и не могут быть изменены. 


К примеру, константа может использоваться для хранения местоположения корне- 
вого каталога вашего сервера (папки, содержащей основные файлы вашего сайта). 
Определить такую константу можно следующим образом: 


аеғіпе("КООТ ГОСАТІОМ", "/ч$г/1оса1/ммм/"); 
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Затем для чтения содержимого константы нужно просто сослаться на нее как на 
обычную переменную (но не предваряя ее имя знаком доллара): 


$А1гесфогу = ВООТ_1ОСАТТОМ; 


Теперь, как только понадобится запустить ваш РНР-код на другом сервере с другой 
конфигурацией папок, придется изменить только одну строку кода. 








Важно помнить о двух основных особенностях констант: перед их именами 
не нужно ставить символ $ (в отличие от имен обычных переменных) и их можно 
определить только с помощью функции дейпе. 








По общепринятому соглашению считается правилом хорошего тона использовать 
в именах констант буквы только верхнего регистра, особенно если ваш код будет 
читать кто-нибудь другой. 


Предопределенные константы 


РНР поставляется в виде готового продукта с десятками предопределенных кон- 
стант, которые редко используются новичками в программировании. Тем не менее 
существуют константы, известные как волшебные, которые могут оказаться для 
вас полезными с самого начала. У имен волшебных констант в начале и в конце 
всегда стоят два символа подчеркивания, чтобы нельзя было случайно назвать одну 
из собственных констант уже занятым под эти константы именем. Подробности 
о волшебных константах приведены в табл. 3.5. Понятия, упомянутые в таблице, 
будут раскрыты в следующих главах. 


Таблица 3.5. Волшебные константы РНР 











Волшебная |Описание 

константа 

ПМЕ Номер текущей строки в файле 

ЕПЕ Полное путевое имя файла. Если используется внутри инструкции іпсіийе, то 
возвращается имя включенного файла. В некоторых операционных системах 
допускается использование псевдонимов для каталогов, которые называются 
символическими ссылками; в _ЕП.Е_ они всегда заменяются реальными 
каталогами 

ПІК Каталог файла. Если используется внутри инструкции іпсіџе, то 
возвращается каталог включенного файла. Такой же результат дает 
применение функции Пігпате(ЕП.Е). В этом имени каталога отсутствует 
замыкающий слеш, если только этот каталог не является корневым 
(добавлена в РНР 5.3.0) 











Продолжение 9 
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Таблица 3.5 (продолжение) 





Волшебная |Описание 
константа 





ЕОМСТІОМ | Имя функции. Начиная с РНР 5, возвращает имя функции, под которым 
она была объявлена (с учетом регистра символов). В РНР 4 возвращаемое 
значение всегда составлено из символов нижнего регистра (добавлена 


в РНР 4.3.0) 





СГАЅЅ Имя класса. Начиная с РНР 5, возвращает имя класса, под которым он был 
объявлен (с учетом регистра символов). В РНР 4 возвращаемое значение 
всегда составлено из символов нижнего регистра (добавлена в РНР 4.3.0) 





МЕТНОО Имя метода класса. Возвращает имя метода, под которым он был объявлен 
(с учетом регистра символов) (добавлена в РНР 5.0.0) 





МАМЕЗРАСЕ | Имя текущего пространства имен (с учетом регистра символов). 
Эта константа определена во время компиляции (добавлена в РНР 5.3.0) 














Эти константы полезны при отладке, когда нужно вставить строку кода, чтобы 
понять, до какого места дошло выполнение программы: 


есһо "Это строка " . _1ТМЕ_ . " в файле " . _ЕТЕЕ_; 


Эта команда выведет в браузер текущую строку программы с указанием текущего 
файла, исполняемого в данный момент (включая путь к нему). 


Различие между командами есНо и рип 


Нам уже встречались разнообразные способы использования команды еспо для 
вывода текста с сервера в браузер. В одних случаях выводится строковый лите- 
рал, в других сначала происходило объединение строк или вычисление значений 
переменных. Был также показан вывод, распространяющийся на несколько строк. 


Но команде есһо есть альтернатива, которой также можно воспользоваться: коман- 
да ргіп+. Эти две команды очень похожи друг на друга, но ргіпё — конструкция, 
похожая на функцию, воспринимающую единственный параметр и имеющую воз- 
вращаемое значение (которое всегда равно 1), а еспо — в чистом виде конструкция 
языка РНР. 


В общем, команда есһо обычно работает при выводе обычного текста быстрее 
рг1 п, поскольку она не устанавливает возвращаемое значение. С другой стороны, 
поскольку она не является функцией, ее, в отличие от ргіпё, нельзя использовать 
как часть более сложного выражения. В следующем примере для вывода информа- 
ции о том, является значение переменной истинным (ТВОЕ) или ложным (ЕАЕ$Е), 
используется функция рг1п*, но сделать то же самое с помощью команды есһо 
не представляется возможным, поскольку она выведет на экран сообщение об 
ошибке синтаксического разбора — Рагѕе еггог: 


$6 ? рг1пЕ "ТВУЕ" : ргіп "РАЁЗЕ"; 
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Использование вопросительного знака — самый простой способ задать вопрос 
о том, какое значение имеет переменная $6, истинное или ложное. Команда, ко- 
торая располагается слева от двоеточия, выполняется в том случае, если $6 имеет 
истинное значение, а команда, которая располагается справа, выполняется, если $6 
имеет ложное значение. 


Тем не менее в приводимых здесь примерах чаще всего используется команда есћо, 
и я рекомендую применять именно ее до тех пор, пока вам при РНР-разработке 
реально не потребуется задействовать функцию рг4п*. 


Функции 


Функции используются для выделения блоков кода, выполняющих конкретную 
задачу. Например, если вам часто приходится искать какие-то данные и выво- 
дить их в определенном формате, то вполне разумно будет обратиться к функции. 
Код, выполняющий эту задачу, может занимать всего три строки, но, пока вы 
не воспользуетесь функцией, необходимость вставлять этот код в программу десят- 
ки раз делает ее неоправданно большой и сложной. А если вы чуть позже захотите 
изменить формат вывода данных, помещение кода в функцию будет означать, что 
вам придется внести изменения только в одном месте программы. 


Помещение кода в функцию не только сокращает размер программы и делает ее бо- 
лее удобной для чтения, но и дает дополнительные функциональные возможности 
(эта игра слов носит преднамеренный характер), поскольку функциям могут пере- 
даваться параметры, которые вносят изменения в характер их работы. Функции 
также могут возвращать значения вызывающему их коду. 


Чтобы создать функцию, нужно ее объявить, как показано в примере 3.12. 


Пример 3.12. Простое объявление функции 


<?рһр 
Ғипсёіоп 1опрӣа+е (Фёітеѕёатр) 


{ 
} 


?> 


гефигп даёе("1 Е 35 У", $%@ітеѕ+татр); 


Эта функция возвращает дату в формате «Вторник май 2 2021». Между стоящими 
после имени функции круглыми скобками может размещаться любое количество 
параметров, но для этой функции выбран прием только одного параметра. Весь код, 
который выполняется при последующем вызове функции, заключается в фигурные 
скобки. Обратите внимание, что в этом примере первой буквой в вызове функции 
даты является І. в нижнем регистре, которую не следует путать с цифрой 1. 


Чтобы с помощью этой функции вывести сегодняшнюю дату, нужно поместить 
в свой код следующий вызов: 


есһо Топвдате (+1тео); 
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Если требуется вывести дату семнадцатидневной давности, нужно сделать следу- 
ЮЩИЙ вызов: 


есһо Іопраа+е(+іте() - 17 * 24 * 60 * 60); 


в котором функции 1опвда*е передается текущая отметка времени, уменьшенная 
на количество секунд, которое прошло за 17 дней (17 дней х 24 чх 60 мин х 60 с). 


Функции могут также воспринимать несколько параметров и возвращать несколь- 
ко результатов, используя технологию, которая будет рассмотрена в следующих 
главах. 


Область видимости переменной 


Если программа очень длинная, то с подбором подходящих имен переменных могут 
возникнуть трудности, но, программируя на РНР, можно определить область ви- 
димости переменной. Иными словами, можно, к примеру, указать, что переменная 
фетр будет использоваться только внутри конкретной функции, чтобы забыть о том, 
что она после возврата из кода функции применяется где-нибудь еще. Фактически 
именно такой в РНР является по умолчанию область видимости переменных. 


В качестве альтернативы можно проинформировать РНР о том, что переменная 
имеет глобальную область видимости и доступ к ней может быть осуществлен из 
любого места программы. 


Локальные переменные 


Локальные переменные создаются внутри функции, и к ним имеется доступ только 
из кода этой функции. Обычно это временные переменные, которые используются 
до выхода из функции для хранения частично обработанных результатов. 


Одним из наборов локальных переменных является перечень аргументов функции. 
В предыдущем разделе была определена функция, воспринимающая параметр по 
имени $Е1те${атр. Значение этого параметра действительно только в теле функ- 
ции, за пределами этой функции его значение нельзя ни получить, ни установить. 


Чтобы привести еще один пример локальной переменной, рассмотрим функцию 
1опрӣа+е еще раз в немного измененном варианте (пример 3.13). 


Пример 3.13. Расширенная версия функции |опадае 


<?рһр 
ФипсЕ1оп Топвда*е ($41тезатр) 


{ 
$Еетр = Чафе("1 Е 35 У", $+№ітеѕ+атр); 
гефигп "Дата: $%етр"; 


} 


?> 
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В этом примере значение, возвращенное функцией да*е, присваивается вре- 
менной переменной $+етр, которая затем вставляется в строку, возвращаемую 
определяемой функцией. Как только будет осуществлен выход из функции, 
переменная $+етр и ее содержимое исчезают, как будто они вообще никогда 
не использовались. 


Теперь, чтобы посмотреть на области видимости переменных в действии, изучим 
похожий код, показанный в примере 3.14. Здесь переменная $+етр была создана 
еще до вызова функции Топёда*е. 


Пример 3.14. Неудачная попытка получить доступ к переменной $ёетр 
в функции |опддае 


<?рһр 
Фетр = "Дата: "; 
есһо Іопраа+е(+іте()); 


Ғипсёіоп 1опрӣа+е (Фёітеѕёатр) 


{ 


гефигп $етр . Чафе("1 Е 35 У", $+№ітеѕ+атр); 


} 


?> 


Но поскольку переменная $4етр не была создана внутри функции 1опвӣаѓе, а также 
не была передана ей в качестве параметра, функция 1опваа*е не может получить 
к ней доступ. Поэтому этот фрагмент кода выведет только дату без предшеству- 
ющего ей текста. На самом деле в зависимости от параметров конфигурации РНР 
сначала может быть отображено сообщение об ошибке, предупреждающее об 
использовании неопределенной переменной (№*1се: ОпдеҒіпеа уагіаб1е: ёетр), 
показывать которое пользователям не хотелось бы. 


Причина в том, что по умолчанию переменные, созданные внутри функции, явля- 
ются локальными для нее, а переменные, созданные за пределами любой функции, 
могут быть доступны только из того кода, который не входит в код ни одной из 
функций. 


В примерах 3.15 и 3.16 показано несколько способов исправления кода, приведен- 
ного в примере 3.14. 


Пример 3.15. Решить проблему можно путем переноса ссылки на переменную %етр 
в ее локальную область видимости 
<?рһр 
$Еетр = "Дата: "; 
есһо $+етр . 1Іопеда+е(+іте()); 


Ғипсёіоп 1опв4ате (Фёітеѕёатр) 


{ 


гефигп даёе("1 Е 35 У", $%@імеѕ+атр); 


} 


?> 
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В примере 3.15 ссылка на $ёетр перемещена за пределы функции. Эта ссылка по- 
является в той же области видимости, в которой была определена переменная. 


Пример 3.16. Альтернативное решение: передача ${етр в качестве аргумента 


<?рһр 
$Фетр = "Дата: "; 
есһо Іопраа+е($&етр, +1те()); 


Ғипсъіоп 1Іопрӣате($+ехі, $№ітеѕ+атр) 


{ 
} 


?> 


гефигп $4ехЕ . да+е("1 Е 35 У", $41тезатр); 


В примере 3.16 принято другое решение: передать значение переменной $+етр 
функции 1опвӣаїе в качестве дополнительного аргумента. Функция 1опвдате счи- 
тывает это значение во временную переменную, которую она создает под именем 
фтехї, и выводит желаемый результат. 





Программисты часто допускают ошибку, забывая об области видимости пере- 
менных, поэтому, если не помнить принципы ее работы, это поможет в отладке 
некоторых весьма неочевидных ошибок программного кода. Достаточно сказать, 
что, если вы не объявили переменную каким-нибудь особым образом, ее область 
видимости ограничена локальным пространством: либо в пределах кода текущей 
функции, либо в пределах кода, не принадлежащего никаким функциям, в зависи- 
мости от того, где эта переменная была впервые создана или где к ней впервые 
был получен доступ, внутри функции или за ее пределами. 








Глобальные переменные 


Бывают случаи, когда требуется переменная, имеющая глобальную область ви- 
димости, поскольку нужно, чтобы к ней имелся доступ из всего кода программы. 
К тому же некоторые данные могут быть настолько объемными и сложными, что 
их не захочется передавать функциям в качестве аргументов. 


Чтобы получить доступ к переменным из глобальной области видимости, следует 
добавить ключевое слово р1оба1. Предположим, что существует некий способ входа 
пользователей на ваш сайт и нужно, чтобы весь код программы знал, с кем он имеет 
дело — с зарегистрированным пользователем или с гостем. Один из способов реше- 
ния этой задачи заключается в применении перед именем переменной ключевого 
слова р1оба1, как это сделано с переменной $15 1орреа іп: 


#1оБа1 $15 Іорреа іп; 


Теперь вашей функции входа в систему нужно лишь при удачной попытке входа 
на сайт присвоить этой переменной значение 1, а при неудачной попытке — зна- 
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чение 9. Поскольку переменная обладает глобальной областью видимости, доступ 
к ней может быть получен из любой строки кода вашей программы. 


Но пользоваться глобальными переменными нужно с оглядкой. Я рекомендую 
создавать их только в том случае, если без них совершенно невозможно добиться 
нужного результата. Вообще-то программы, разбитые на небольшие фрагменты 
и отдельные данные, содержат меньше ошибок и проще в обслуживании. Если ваша 
программа состоит из нескольких тысяч строк кода (а когда-нибудь такое случится) 
и оказалось, что где-то глобальная переменная имеет неверное значение, то сколько 
времени уйдет на поиски кода, который присваивает ей это значение? 


Кроме того, если задействуется слишком много переменных с глобальной областью 
видимости, возникает риск воспользоваться одним из их имен еще раз в локальном 
пространстве или по крайней мере полагать, что такая переменная применяется 
локально, хотя на самом деле она уже была объявлена в качестве глобальной. 
Из таких ситуаций и возникают разные непонятные ошибки. 








Иногда я придерживаюсь соглашения о написании имен всех переменных, тре- 
бующих глобальной доступности, в верхнем регистре (что совпадает с рекомен- 
дациями о написании в этом же регистре имен констант), чтобы можно было 
с первого взгляда определить область видимости переменной. 








Статические переменные 


В пункте «Локальные переменные» выше было упомянуто, что значение локальной 
переменной стирается сразу же после выхода из функции. Если функция вызы- 
вается многократно, она начинает свою работу со свежей копией переменной и ее 
прежние установки не имеют никакого значения. 


Интересно, а что, если внутри функции есть такая локальная переменная, к ко- 
торой не должно быть доступа из других частей программы, но значение которой 
желательно сохранять до следующего вызова функции? Зачем? Возможно, по- 
тому, что нужен некий счетчик, чтобы следить за количеством вызовов функции. 
Решение, показанное в примере 3.17, заключается в объявлении статической 
переменной. 


Пример 3.17. Функция, использующая статическую переменную 


<?рһр 
Ғипсёіоп ёеѕ+() 
{ 
5фае1с фсоипЁ = 0; 
есһо $соип+; 
$соипі++; 


} 


?> 
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В этом примере в самой первой строке функции создается статическая переменная 
по имени $соипё, которой присваивается нулевое начальное значение. В следу- 
ющей строке выводится значение переменной, а в последней строке это значение 
увеличивается на единицу. 


При следующем вызове функции, поскольку переменная $соип* уже была объ- 
явлена, первая строка функции пропускается и до нового увеличения значения 
переменной $соип* отображается ее предыдущее значение. 


Планируя использование статических переменных, следует учесть, что при их опре- 
делении присвоить им результат какого-нибудь выражения невозможно. Они могут 
инициализироваться только предопределенными значениями (пример 3.18). 


Пример 3.18. Допустимые и недопустимые объявления статических переменных 


<?рһр 
5фае1с фіпї = 9; // Допустимо 
ѕЁаїіс $іпі 1+2; // Недопустимо (вызовет ошибку 
// синтаксического разбора (Рагѕе еггог)) 
$фа{1с $іпі = $49г{(144); // Недопустимо 
?> 


Суперглобальные переменные 


Начиная с версии РНР 4.1.0, стали доступны некоторые предопределенные пере- 
менные. Они известны как суперглобальные переменные. Смысл этого названия 
заключается в том, что они предоставляются средой окружения РНР и имеют 
глобальную область видимости внутри программы, то есть доступны абсолютно 
из любого ее места. 


В этих суперглобальных переменных содержится масса полезной информации 
о текущей работающей программе и ее окружении (табл. 3.6). Такие переменные 
имеют структуру ассоциативных массивов, которые будут рассмотрены в главе 6. 


Таблица 3.6. Суперглобальные переменные РНР 











Имя Ее содержимое 

суперглобальной 

переменной 

$СТ.ОВАТ$ Все переменные, которые на данный момент определены в глобальной 
области видимости сценария. Имена переменных служат ключами 
массива 

$ ЅЕКУЕК Информация о заголовках, путях, местах расположения сценариев. 


Элементы этого массива создаются веб-сервером, и это не дает 
гарантии, что каждый веб-сервер будет предоставлять какую-то часть 
информации или ее всю 





$ СЕТ Переменные, которые передаются текущему сценарию методом НТТР 
СЕТ 
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Имя Ее содержимое 

суперглобальной 

переменной 

$ РОЅТ Переменные, которые передаются текущему сценарию методом НТТР 
РОЅТ 

$ ЕП.Е$ Элементы, подгруженные к текущему сценарию методом НТТР РОЅТ 

$ СООКІЕ Переменные, переданные текущему сценарию посредством НТТР 
сооКіеѕ 

$ 5Е55ІОМ Переменные сессии, доступные текущему сценарию 

$ КЕОСЕЅТ Содержимое информации, переданной от браузера; по умолчанию 
$ СЕТ, $ РОЅТи $ СООКІЕ 

$ ЕМУ Переменные, переданные текущему сценарию методом епуігоптепі 





В именах всех суперглобальных переменных (за исключением $610ВАГ5) присут- 
ствует один знак подчеркивания и используются только заглавные буквы, поэто- 
му, чтобы избежать путаницы, не следует присваивать своим переменным имена, 
оформленные в таком же стиле. 


Для иллюстрации порядка применения суперглобальных переменных разберем 
типовой пример. Среди многой другой интересной информации, предоставляемой 
суперглобальными переменными, есть и О ВТ-адрес той страницы, с которой поль- 
зователь был перенаправлен на текущую веб-страницу. Эта информация может 
быть получена следующим образом: 


сате Ғгот = $ ЅЕКУЕК[ 'НТТР_КЕҒЕККЕК ' ]; 


Как видите, ничего сложного. Если же пользователь зашел непосредственно на 
вашу страницу, к примеру набрав ее ОКІ -адрес прямо в браузере, переменной 
$саше_+гот будет присвоена пустая строка. 


Суперглобальные переменные и проблемы безопасности 


Обратите внимание, что суперглобальные переменные часто используются зло- 
умышленниками, пытающимися отыскать средства для атаки и вмешательства 
в работу вашего сайта. Они загружают в $_РОЗТ, $ СЕТ или в другие суперглобаль- 
ные переменные вредоносный код, например команды ОМІХ или МУуЗОТ, которые, 
если вы по незнанию к ним обратитесь, могут повредить данные или отобразить 
незащищенные данные. 


Именно поэтому перед применением суперглобальные переменные всегда следует 
подвергать предварительной обработке. Для этого можно воспользоваться РНР- 
функцией һёт1епёіёіеѕ. Она занимается преобразованием всех символов в эле- 
менты НТМГ. Например, символы «меньше» и «больше» (< и >) превращаются 
в строки &1+; и &в5%;, то же самое делается для перевода в безопасное состояние 
всех кавычек, обратных слешей и т. д. 
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Поэтому более подходящий способ доступа к $_ЅЕКМЕК (и другим суперглобальным 
переменным) выглядит следующим образом: 


$сате Ғгот = һт1епёііеѕ($ ЅЕКУМЕК[ 'НТТР КЕҒЕККЕК']); 





Использование для санации функции ћтіепіїіеѕ считается важной практикой 
не только в отношении суперглобальных переменных, но и при любых обстоя- 
тельствах, в которых данные, исходящие от пользователя или поступающие из 
сторонних источников, обрабатываются для получения выходных данных. 














В этой главе были заложены надежные основы, необходимые для работы с РНР. 
В главе 4 мы приступим к практическому использованию изученного материала 
для построения выражений и управления ходом программы, иными словами, 
перейдем к реальному программированию. 


Но перед изучением новой главы я рекомендую проверить свои знания, ответив 
на приведенные далее вопросы, чтобы убедиться в том, что вы полностью усвоили 
содержимое этой главы. 


Вопросы 


1. Какой тег РНР служит основанием для того, чтобы приступить к интерпретации 
программного кода? Как выглядит краткая форма этого тега? 


Какие два вида тегов используются для добавления комментариев? 
Какой символ должен стоять в конце каждой инструкции РНР? 
Какой символ используется в начале имен всех переменных РНР? 
Что может храниться в переменных? 


В чем разница между выражениями фуагіаб1е = 1 и $уагіаЫ1е == 1? 


ль, м № 


Как вы считаете, почему подчеркивания разрешено использовать в именах пере- 
менных (например, $сиггеп* _изег), а дефисы — нет (например, $сиггепё-иѕег)? 


со 


Чувствительны ли имена переменных к регистру букв? 
Можно ли в именах переменных использовать пробелы? 


10. Как преобразовать значение одного типа переменной в значение другого типа 
(скажем, строку в число)? 


11. В чем разница между ++$ј и $) ++? 
12. Являются ли взаимозаменяемыми операторы 8& и апа? 


13. Как создается многострочный вывод: с использованием команды еспо или при- 
своением многострочного значения? 


14. Можно ли переопределить константу? 
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15. 
16. 
17. 
18. 
19. 


20. 


Как изменить исходное предназначение кавычки? 

В чем разница между командами есһо и ргіпё? 

Каково назначение функций? 

Как сделать переменную доступной для всего кода РНР-программы? 


Какими двумя способами можно передать всей остальной программе данные, 
которые были созданы внутри функции? 


Что является результатом объединения строки с числом? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Выражения и управление 
процессом выполнения 
программы в РНР 


В предыдущей главе уже упоминались темы, которые более полно будут рассмотре- 
ны в данной главе, например выбор (ветвление) и создание сложных выражений. 
В главе 3 мне хотелось сконцентрировать внимание на наиболее общих вопросах 
синтаксиса и работы в РНР, но при этом невозможно было не затронуть темы более 
высокого уровня. А вот теперь можно преподнести вам основы, необходимые для 
полноценного использования всех сильных сторон РНР. 


В этой главе будет заложен фундамент практики программирования на РНР и рас- 
смотрены основные способы управления процессом выполнения программы. 


Выражения 


Начнем с базовой части любого языка программирования — выражения. 


Выражение представляет собой сочетание значений, переменных, операто- 
ров и функций, в результате вычисления которого выдается новое значение. 
Оно знакомо всем, кто когда-либо имел дело с обыкновенной школьной алгеброй. 
Рассмотрим пример: 


у = 3(а6$|[2х| + 4) 

что в РНР приобретает следующий вид: 

$У = 3 * (арѕ(2*$х) + 4); 

Возвращаемое значение (в математическом выражении у или в РНР $у) может 
быть числом, строкой или булевым (логическим) значением (названным так 
в честь Джорджа Буля, английского математика и философа ХІХ века). Первые 


два типа значений вам уже должны быть знакомы, поэтому я объясню, что такое 
третий тип. 
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ТВОЕ или РАГІ5Е? 


Элементарное булево значение может быть либо истинным — ТВОЕ, либо ложным — 
ЕАЕЗЕ. Например, выражение 20 > 9 (20 больше 9) является истинным (ТКОЕ), а вы- 
ражение 5 == 6 (5 равно 6) — ложным (ЕАЕЗЕ). (Булевы, или логические, операции 
могут быть объединены путем использования таких операторов, как И, ИЛИ и ис- 
ключающее ИЛИ, то есть АЮО, ОВ и ХОБ, которые будут рассмотрены в этой главе.) 








Обратите внимание, что для имен ТВОЕ и РАЕЗЕ я использую буквы верхнего 
регистра. Это обусловлено тем, что в РНР они являются предопределенными 
константами. При желании можно также применять и их версии, составленные 
из букв нижнего регистра, поскольку они также являются предопределенными 
константами. Кстати, версия, в которой задействуются буквы нижнего регистра, 
более надежна, потому что РНР не допускает ее переопределения, а версия, ис- 
пользующая буквы верхнего регистра, может быть переопределена, и это нужно 
иметь в виду при импортировании чужого кода. 








Если, как показано в примере 4.1, потребовать вывод на экран предопределен- 
ных констант, РНР их не выведет. В каждой строке код примера выводит букву 
с двоеточием и предопределенную константу. РНР самовольно сопоставляет со 
значением ТВУЕ числовое значение 1, поэтому при выполнении кода примера 
после а: выводится 1. И еще загадочнее выглядит то, что попытка вывести сразу 
заб: значение РАІЅЕ приводит к тому, что на экране вместо этого значения вообще 
ничего не появляется. Константа ЕАЕЗЕ в РНР определяется как еще одна ничем 
не обозначенная предопределенная константа МОШ. 


Пример 4.1. Вывод на экран значений ТВОЕ и РАЕЗЕ 


<?рһр // Феѕ+2.рһр 
есһо "а: [" . ТВУЕ . "]<6г>"; 
есһо "ЫЬ: [" . РАГІЅЕ . "]<6г>"; 
?> 


Здесь при помощи тегов <6г> создаются переводы на новую строку, разбивающие 
вывод на экран в НТМІ. на две строки. Этот вывод выглядит следующим образом: 


а: [1] 
Ы: Г] 


Вернемся к булевым выражениям. В коде примера 4.2 показывается несколько 
простых выражений: два уже упомянутых ранее и еще два дополнительных. 


Пример 4.2. Четыре простых булевых выражения 


<?рһр 
есһо "а: [" (20 > 9) . "]<6г>"; 
есһо "Ы: [" (5 == 6) . "]<6г>"; 
есһо "с: [" (1 == 0) . "]<6г>"; 
есһо "а: [" (1 == 1) . "]<6г>"; 


?> 
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Этот код выведет следующую информацию: 


Ф 
— 

Г 
— 


са 
— 

ГЕ 
— 


К счастью, булевы выражения чаще всего окружены другим кодом и обычно вас абсо- 
лютно не волнует, как выглядит внутреннее отображение ТКЏЕ и ЕАІЅЕ. Фактически 
даже эти имена довольно редко попадаются в коде. 


Литералы и переменные 


Это базовые элементы программирования, которые к тому же являются строи- 
тельными блоками выражений. Под литералом просто подразумевается нечто, 
вычисляющееся само в себя, например число 73 или строка "Не110". Переменная, 
с которой мы уже знакомы, обладает именем, начинающимся со знака доллара, 
и вычисляется в присвоенное этой переменной значение. Простейшее выраже- 
ние имеет вид одиночного литерала или переменной, поскольку они возвращают 
значение. 


В примере 4.3 показаны три литерала и две переменные, все они возвращают зна- 
чения, хотя и разных типов. 


Пример 4.3. Литералы и переменные 


<?рһр 
$тупате = "Вгіап"; 
$туаве = 37; 
есһо "а: " . 73 . "<6г>"; // Числовой литерал 
есһо "Ы: " . "Не110" . "<Бг>"; // Строковый литерал 
есһо "с: " . ҒАГЅЕ . "<6г>"; // Литерал константы 
есһо "а: " . $тупате . "<6г>"; // Строковая переменная 
есһо "е: " . фтуаве . "<6г>"; // Числовая переменная 
?> 


Как и ожидалось, в выходной информации вы увидите возвращаемое значение всех 
этих выражений, за исключением с:, результат вычисления которого равен РАГЅЕ 
и ничего не возвращает: 


$ 73 
Не110 


Вгіап 
$ 37 


оао со 


Объединив простейшие выражения с операторами, можно создать более сложные 
выражения, результатом вычисления которых будут какие-нибудь полезные ре- 
зультаты. 
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Чтобы сформировать инструкции, программисты комбинируют выражения с други- 
ми конструкциями языка, такими как рассмотренные ранее операторы присваивания. 


В примере 4.4 показаны две инструкции. В первой из них осуществляется присва- 
ивание результата выражения 366 - $ӣау питбег переменной $ӣауѕ о пем уеаг, 
а во второй выводится приветственное сообщение, если выражение $дауз_+о_пем_ 
уеаг < 30 вычисляется как ТКОЕ. 


Пример 4.4. Выражение и инструкция 
<?рһр 
$аауѕ То пем уеаг = 366 - $ӣау питрег; // Выражение 


1+ ($дауѕ +о пем уеаг < 30) 
{ 


} 


?> 


есһо "Скоро Новый год!"; // Инструкция 


Операторы 


В РНР имеется множество мощных операторов: от арифметических, строковых 
и логических до операторов присваивания, сравнения и многих других (табл. 4.1). 


Таблица 4.1. Типы операторов РНР 





























Оператор Описание Пример 

Арифметический Элементарная математика фа + $ 

Для работы Слияние массивов фа + $6 

с массивом 

Присваивания Присваивание значений Фа = $6 + 23 

Поразрядный Манипуляция битами в байте 12^9 

Сравнения Сравнение двух значений фа < $Ь 

Выполнения Выполнение содержимого, заключенного в обратные |`1$ —аГ 
кавычки 

Инкремента/ Добавление или вычитание единицы $а++ 

декремента 

Логический Выполнение булевых сравнений Фа апа $Ь 

Строковый Объединение строк Фа. $ 

















Различные типы операторов воспринимают разное количество операндов. 


О Унарные операторы, такие как оператор инкремента ($а++) или отрицания (!$а), 
воспринимают только один операнд. 
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о Бинарные операторы, представленные большим количеством операторов РНР, 
включая операторы сложения, вычитания, умножения и деления, воспринимают 
два операнда. 


О Один трехкомпонентный оператор, имеющий форму ехрг ? х : у и требующий 
наличия трех операндов. По сути, это состоящая из трех частей однострочная 
инструкция 1+, возвращающая х, если ехрг вычисляется в ТАКОЕ, и у, если ехрг 
вычисляется в РАГЅЕ. 


Приоритетность операторов 


Если бы у всех операторов был один и тот же уровень приоритета, то они обраба- 
тывались бы в том порядке, в котором встречались интерпретатору. Фактически 
многие операторы имеют одинаковый уровень приоритета, что и показано в при- 
мере 4.5. 


Пример 4.5. Три эквивалентных выражения 


1+2+3-4+5 
2-4+5+3+1 
5+2 -4+1+3 


Из примера видно, что, несмотря на перестановку чисел (и предшествующих им 
операторов), результат каждого выражения — 7, поскольку у операторов «плюс» 
и «минус» одинаковый уровень приоритета. Можно проделать то же самое с опе- 
раторами умножения и деления (пример 4.6). 


Пример 4.6. Три выражения, которые также являются эквивалентными 
1#2 +37 4 ж 5 
214+ 56 ж 3% 1 
Б Д 3 


В этом примере итоговое значение всегда равно 7.5. Но все меняется, когда в выраже- 
нии присутствуют операторы с разными уровнями приоритета, как в примере 4.7. 


Пример 4.7. Три выражения, в которых присутствуют операторы 
с разными уровнями приоритета 

1+2*3-4*5 

2-4*5*3+1 

5+2-4+1*3 


Если бы не существовало приоритетности операторов, то в результате вычисления 
этих выражений получались бы числа 25, -29 и 12 соответственно. Но поскольку 
операторы умножения и деления имеют более высокий уровень приоритета по 
сравнению с операторами сложения и вычитания, выражения вычисляются так, 
будто эти части выражений заключены в скобки, как математическая запись, по- 
казанная в примере 4.8. 
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Пример 4.8. Три выражения, в которых отображены предполагаемые скобки 
1+ (2*3) - (4 * 5) 

2 - (4*5*3) +1 

5+2-4+ (1 * 3) 


Сначала РНР вычисляет подвыражения, заключенные в скобки, чтобы получились 
частично вычисленные выражения, показанные в примере 4.9. 


Пример 4.9. Выражения после вычисления подвыражений в скобках 


1 + (6) - (20) 
2 - (60) + 1 
5+2 - 4 + (3) 


Окончательный результат вычисления этих выражений равен соответственно -13, 
-57 и 6 (что абсолютно отличается от результатов 25, -29 и 12, которые мы увиде- 
ли бы при отсутствии приоритетности операторов). 


Разумеется, исходную приоритетность операторов можно отменить, расставив 
собственные скобки, и принудительно получить тот порядок вычислений, который 
вам нужен (пример 4.10). 


Пример 4.10. Принудительное выполнение вычислений справа налево 


((1 +2) * 3-4) * 5 
(2-4) * 5 * 3+1 
(5+2 - 4+1) * 3 


Теперь, если скобки расставлены правильно, мы увидим значения 25, -29 и 12 со- 
ответственно. 


В табл. 4.2 перечислены операторы РНР в порядке их приоритетности от самого 
высокого до самого низкого уровня. 


Таблица 4.2. Операторы РНР, расположенные по уровню их приоритетности (сверху вниз) 











Оператор Тип 
() Скобки 
Ч Инкремент/декремент 





| Логический 














*/% Арифметические 

Е: Арифметические и строковые 
<=>» Побитовые 

<<=>>=<> Сравнения 





= = |= === |== Сравнения 














Продолжение 9 
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Таблица 4.2 (продолжение) 











Оператор Тип 
& Поразрядный (и ссылочный) 
А Поразрядный 





| Поразрядный 





&& Логический 


| Логический 


























рт Трехкомпонентный 
*= /=.=%= &=!=^= <<=>> Присваивания 

апа Логический 

хог Логический 

ог Логический 














Порядок следования операторов в этой таблице не является произвольным. 
Он тщательно разработан таким образом, что наиболее распространенными и ин- 
туитивно понятными по приоритетности операторами можно пользоваться без 
применения скобок. Например, два выражения сравнения можно разделить опе- 
ратором апа или ог и получить вполне ожидаемый результат. 


Взаимосвязанность операторов 


Мы рассматривали обработку выражений слева направо, за исключением тех слу- 
чаев, в которых вступала в силу приоритетность операторов. Но некоторые опера- 
торы могут также потребовать обработки справа налево. Направление обработки 
обусловливается взаимосвязанностью операторов. Для отдельных операторов 
взаимосвязанность отсутствует. 


Взаимосвязанность (подробно показана в табл. 4.3) приобретает большое значение 
в тех случаях, когда вы явным образом не меняете приоритетности. Для этого вам 
нужно знать о действиях операторов по умолчанию. 


Таблица 4.3. Взаимосвязанность операторов 























Оператор Описание Взаимосвязанность 
<<=> ! [== <>| Сравнение Отсутствует 

| Логическое НЕ Правая 

= Поразрядное НЕ Правая 

++— Инкремент и декремент Правая 
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Оператор Описание Взаимосвязанность 
(то Преобразование в целое число Правая 
(АоцЫе) (Ноа) (теаГ) Преобразование в число с плавающей точкой | Правая 
($715) Преобразование в строку Правая 
(агтау) Преобразование в массив Правая 
(оБјесё) Преобразование в объект Правая 
@ Подавление сообщения об ошибке Правая 
= ФЕ еу Присваивание Правая 
%= &= |= ^= <<= >> = | Присваивание Правая 
+ Сложение и унарный плюс Левая 
Е Вычитание и отрицание Левая 
й Умножение Левая 
/ Деление Левая 
% Модуль Левая 
Конкатенация строк Левая 
<<>>&^| Поразрядные операции Левая 
?: Операция с тремя операндами Левая 
| && апа ог хог Логические операции Левая 
р Разделение Левая 














Рассмотрим оператор присваивания, показанный в примере 4.11, где всем трем 
переменным присваивается значение 6. 


Пример 4.11. Оператор множественного присваивания 


<?рһр 
$1еуе1 = $ѕсоге = фііме = 9; 
?> 


Такое множественное присваивание возможно только в том случае, если сначала 
вычисляется самая правая часть выражения, а затем процесс продолжается справа 
налево. 








Новичкам следует научиться в процессе работы с РНР избегать потенциальных 
просчетов в вопросах взаимосвязанности операторов и всегда принудительно 
задавать порядок вычислений, заключая подвыражения в круглые скобки. Это по- 
может и другим программистам, которые будут обслуживать ваш код, понять, 
что в нем происходит. 
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Операторы отношения 


Операторы отношения отвечают на такие вопросы, как «Имеет ли эта перемен- 
ная нулевое значение» и «У какой переменной значение больше». Эти операторы 
проверяют значения двух операндов и возвращают логический результат, равный 
либо ТКОЕ, либо ЕАЕЗЕ. Существует три типа операторов отношения: операторы 
равенства, сравнения и логические операторы. 


Операторы равенства 


С оператором равенства == (двойным знаком равенства) мы уже не раз встречались 
в этой книге. Его не следует путать с оператором присваивания = (одинарным зна- 
ком равенства). В примере 4.12 первый оператор присваивает значение, а второй 
проверяет его на равенство. 


Пример 4.12. Присваивание значения и проверка его на равенство 


<?рһр 

$топЕИ = "Март"; 

1+ (Ф$топЕВ == "Март") есһо "Весна наступила"; 
?> 


Как видно из примера, возвращая значение ТВОЕ или ЕАЕЗЕ, оператор сравнения по- 
зволяет проверять условия, используя инструкцию 1+. Но это еще не все, поскольку 
РНР является языком со слабой типизацией. Если два операнда выражения равен- 
ства имеют разные типы, РНР преобразует их к тому типу, который имеет для него 
наибольший смысл. Редко используемый оператор тождественности, состоящий 
из трех подряд знаков равенства, можно задействовать для сравнения элементов 
без выполнения преобразования. 


К примеру, любые строки, составленные полностью из цифр, при сравнении с чис- 
лами будут преобразованы в числа. В примере 4.13 переменные $а и $6 являются 
двумя разными строками, и поэтому вряд ли стоило ожидать, что какая-то из ин- 
струкций 1+ выведет результат. 


Пример 4.13. Операторы равенства и тождественности 


<?рһр 
$а = "1000"; 
$6 = "+1000"; 


1+ ($а == $6) есһо "1"; 
1+ ($а === $6) есһо "2"; 
?> 


Но если запустить этот пример, то он выведет число. Это означает, что результат 
вычисления первой инструкции 1+ равен ТВУЕ. Причина в том, что обе строки 
сначала конвертируются в числа и 1000 имеет такое же числовое значение, что 
и +1006. В отличие от первой, во второй инструкции 1+ используется оператор 
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тождественности, следовательно переменные $а и $6 сравниваются как строки 
и теперь считаются отличающимися друг от друга, и на экран ничего не выводится. 


Как и в случае с принудительным заданием уровня приоритетности операторов, 
если возникнут сомнения в том, будет ли РНР конвертировать типы операндов, 
для отмены такого поведения интерпретатора можно воспользоваться оператором 
тождественности. 


Аналогично применению оператора равенства для определения равенства опе- 
рандов можно проверить их на неравенство, используя оператор неравенства !=. 
Пример 4.14 является измененным примером 4.13, в котором операторы равенства 
и тождественности были заменены противоположными им операторами. 


Пример 4.14. Операторы неравенства и нетождественности 
<?рһр 

Фа "1000"; 

$6 = "+1000"; 


1+ ($а != $6) есһо "1"; 
1+ ($а !== $6) есһо "2"; 
?> 


Как, наверное, и ожидалось, первая инструкция 1+ не выводит на экран число 1, 
потому что в коде ставится вопрос о неравенстве числовых значений переменных 
$аи $6. Вместо этого будет выведено число 2, поскольку вторая инструкция 1+ ста- 
вит вопрос о нетождественности $а и $6 друг другу в их текущем строковом типе, 
и ответом будет ТКОЕ, потому что они не тождественны. 


Операторы сравнения 


Используя операторы сравнения, можно расширить круг проверок, не ограничивая 
его только равенством и неравенством. РНР предоставляет вам для этого операто- 
ры > (больше), < (меньше), >= (больше или равно) и <= (меньше или равно). В при- 
мере 4.15 показано использование этих операторов. 


Пример 4.15. Четыре оператора сравнения 


<?рһр 
Фа = 2; $6 = 3; 


1+ ($а > $6) есһо "Фа больше $6<6г>"; 

1+ ($а < $6) есһо "фа меньше $6<6г>"; 

1+ (Фа >= $6) есһо "Фа больше или равно $6<6г>"; 

1+ (Фа <= $6) есһо "Фа меньше или равно $6<6г>"; 
?> 


Этот пример, в котором переменная $а имеет значение 2, а переменная $6 — значе- 
ние 3, выведет на экран следующую информацию: 


2 меньше 3 
2 меньше или равно 3 
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Попробуйте самостоятельно запустить этот пример, меняя значения перемен- 
ных $а и $5, чтобы увидеть результаты. Присвойте им одинаковые значения и по- 
смотрите, что из этого получится. 


Логические операторы 


Логические (или булевы) операторы выдают истинные или ложные результаты. 
Всего имеется четыре таких оператора (табл. 4.4). 


Таблица 4.4. Логические операторы 




















Логический |Описание 

оператор 

АМО Возвращает истинное значение (ТВОЕ), если оба операнда имеют истинные 
значения 

ОК Возвращает истинное значение (ТВОЕ), если любой из операндов имеет 
истинное значение 

ХОК Возвращает истинное значение (ТВОЕ), если один из двух операндов имеет 
истинное значение 

| МОТ) Возвращает истинное значение (ТВОЕ), если операнд имеет ложное значение, 
или ложное значение (ЕАТЅЕ), если он имеет истинное значение 








Использование этих операторов показано в примере 4.16. Обратите внимание, что 
РНР требует указывать вместо слова №Т символ !. Кроме того, операторы могут 
быть составлены из букв нижнего или верхнего регистра. 


Пример 4.16. Использование логических операторов 


<?рһр 
фа = 1; $6 = 0; 
есһо (Фа АМО $6) . "<бг>"; 
есһо (Фа ог $6) 2 "<бг>"; 
есһо (Фа ХОК $6) . "<6г>"; 
есһо !$а „о рғе>": 
?> 


Этот пример выводит построчно на экран МИ, 1, 1, МОШ. Это значит, что только 
вторая и третья инструкции есһо получают в результате вычисления значение 
ТКОЕ. (Следует помнить, что МОШ, или ничто, отображает значение ЕАЕЗЕ.) Такой 
результат получается, потому что оператору А№ для возвращения значения ТКОЕ 
нужно, чтобы оба операнда имели истинное значение, а четвертый оператор 
проводит над значением переменной $а операцию МОТ, превращая его из ТВУЕ 
(значения, равного единице) в РАЕЗЕ. Если есть желание поэкспериментировать, 
запустите этот код, присваивая переменным $а и $6 разные значения, выбранные 
из1ие. 
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Занимаясь программированием, следует помнить, что у операторов АМО и ОК 
более низкий уровень приоритета, чем у других версий этих операторов — && и ||. 








Использование в инструкции 1+ оператора ОК может стать причиной непредвиден- 
ных проблем, поскольку второй операнд не будет вычисляться, если в результате 
вычисления первого операнда уже получено значение ТКОЕ. В примере 4.17 функ- 
ция веїпех+ никогда не будет вызвана, если переменная $+1п1 Нед имеет значение 1. 


Пример 4.17. Инструкция, использующая оператор ОК 


<?рһр 
1+ ($Ғіпіѕһеа == 1 ОВ реіпехї() == 1) ехії; 
?> 


Если нужно, чтобы функция веёпех+ вызывалась для каждой инструкции 1+, сле- 
дует внести в код изменения, показанные в примере 4.18. 


Пример 4.18. Изменения в инструкции ІЁ... ОВ, гарантирующие вызов функции депехе 
<?рһр 
$еп = реіпехї(); 


1+4 ($#Ғіпіѕһеа == 1 ОК $еп == 1) ехії; 
?> 


В этом случае код в функции реќпех+ будет выполнен и возвращенное значение 
сохранится в переменной $вп еще до выполнения инструкции 1+. 








Другое решение заключается в том, чтобы обеспечить выполнение функции 
деіпехї за счет простой перестановки условий местами, поскольку тогда вызов 
функции будет появляться в выражении первым. 








В табл. 4.5 показаны все допустимые варианты использования логических опера- 
торов. Следует заметить, что !ТКОЕ является эквивалентом ЕАЕЗЕ, а ! ЕАЕЗЕ — экви- 
валентом ТКОЕ. 


Таблица 4.5. Все логические выражения, допустимые в РНР 




















Входные данные Операторы и результаты 

а Ь АМ” ОК ХОВ 
ТВОЕ ТВОЕ ТВОЕ ТВОЕ РАГЗЕ 
ТВОЕ ЕАГЗЕ ЕАІЅЕ ТВОЕ ТВОЕ 
ЕАГЗЕ ТВОЕ ЕАГЗЕ ТВОЕ ТВОЕ 
ЕАГЗЕ ЕАГЗЕ ЕАГЗЕ РАГЗЕ ЕАГЗЕ 
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Условия 


Условия изменяют процесс выполнения программы. Они позволяют задавать 
конкретные вопросы и по-разному реагировать на полученные ответы. Условия 
играют важную роль при разработке динамических веб-страниц — основной цели 
использования РНР, поскольку облегчают создание разных вариантов информа- 
ции, выводимой при каждом просмотре веб-страницы. 


В этом разделе будут представлены условные конструкции трех основных типов: 
инструкции 1+ и $1 сН и оператор ?. Кроме того, будут представлены цикли- 
ческие условные конструкции (к изучению которых мы вскоре перейдем), код 
которых выполняется снова и снова до тех пор, пока не будет соблюдено опреде- 
ленное условие. 


Инструкция # 


Процесс выполнения программы можно представить себе как езду на машине по 
однополосной магистрали. Эта магистраль большей частью прямолинейна, но ино- 
гда встречаются различные дорожные знаки, задающие направление движения. 


Когда встречается инструкция 1+, можно представить, что машина подошла к зна- 
ку объезда, предписаниям которого необходимо следовать, если определенные 
условия вычисляются как ТВОЕ. При этом вы съезжаете с магистрали и следуете 
по объездному пути до тех пор, пока не вернетесь снова на магистраль и не про- 
должите движение по исходному маршруту. Или же, если условие не вычисляется 
как ТКОЕ, вы игнорируете объезд и продолжаете ехать по магистрали как ни в чем 
не бывало (рис. 4.1). 






Процесс +... > и М неее 
выполнения 
программы 


Рис. 4.1. Процесс выполнения программы похож на движение по однополосной магистрали 
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Содержимым условной инструкции 1+ может быть любое допустимое РНР- 
выражение, включая проверку на равенство, выражения сравнения, проверку на 
нуль и МІ и даже значения, возвращаемые функциями (как встроенными, так 
и созданными самостоятельно). 


Действия, предпринимаемые при вычислении условия 1+ в ТКОЕ, помещаются, 
как правило, в фигурные скобки ({ }). Но эти скобки можно опустить, если нуж- 
но выполнить всего одну инструкцию. Тем не менее, если всегда использовать 
фигурные скобки, можно избежать «охоты» на трудно отслеживаемые ошибки, 
возникающие, к примеру, когда к условной инструкции добавляется еще одна 
строка, но забывается о необходимости добавить фигурные скобки, из-за чего 
строка не вычисляется. 








Пресловутая уязвимость системы безопасности, известная как ошибка доо Гай, 
многие годы преследовала код 5есиге боске{ Гауег (551) в продуктах Арріе, когда 
программист забывал заключить тело инструкции і? в фигурные скобки, и это 
приводило к тому, что функция временами выдавала отчет об успешном под- 
ключении, хотя по факту так было не всегда. Это позволяло злоумышленникам 
получать признание сертификата безопасности в тех условиях, когда он должен 
был быть отклонен. Если есть сомнения, лучше все же помещать тело инструкций 
Е в фигурные скобки. 








Учтите, что в целях экономии места и доходчивости материала в тех случаях, когда 
в примерах, приводимых в книге, была всего одна исполняемая инструкция, я не 
следовал этому совету и опускал фигурные скобки. 


В примере 4.19 следует представить, что подошел конец месяца и нужно платить 
по всем счетам, поэтому вы проводите некоторые операции с банковским счетом. 


Пример 4.19. Инструкция #, в которой используются фигурные скобки 


<?рһр 
1+ ($бапк_Ба1апсе < 100) 
{ 
$топеу = 1000; 
$Бапк_Ба1апсе += $топеу; 
т 
?> 


В этом примере проверяется, не стал ли баланс ниже $100 (или 100 единиц другой 
используемой вами валюты). Если баланс стал ниже этой суммы, вы платите сами 
себе $1000, а затем прибавляете их к балансу. (Хорошо бы так просто зарабатывать 
деньги!) 


Если баланс счета в банке равен $100 или превышает эту сумму, условные инструк- 
ции игнорируются и процесс выполнения программы переходит на следующую 
строку кода (которая здесь не показана). 
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Одни разработчики предпочитают ставить первую фигурную скобку справа от 
условного выражения, а другие начинают с нее новую строку. В этой книге откры- 
вающая фигурная скобка обычно располагается на новой строке. Подойдет любой 
из этих вариантов, поскольку РНР позволяет оставлять на ваше усмотрение какие 
угодно свободные пространства (пробелы, символы новых строк и табуляции). 
Но код будет легче читаться и отлаживаться, если у каждого уровня условий будет 
свой отступ, сформированный с помощью символа табуляции. 


Инструкция е|5е 


Бывают случаи, когда условие не вычисляется как ТВОЕ, но вам не хочется сразу же 
продолжать выполнение основного кода программы, а вместо этого нужно сделать 
что-либо другое. Тогда пригодится инструкция е15е. С ее помощью на вашей ма- 
гистрали можно организовать второй объезд, показанный на рис. 4.2. 


Процесс РАЕН > 
выполнения 
программы 





Рис. 4.2. Теперь у магистрали есть объезд # и объезд ее 
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Если при использовании конструкции 1+...е15е условие вычисляется как ТКОЕ, 
то выполняется первая условная инструкция. Но если это условие вычисляется 
как РАЕЗЕ, то выполняется вторая условная инструкция. Для выполнения должна 
быть выбрана одна из этих двух инструкций, но обе сразу они не будут выполне- 
ны ни при каких условиях, и обязательно будет выполнена хотя бы одна из них. 
Использование конструкции 1+...е15е показано в примере 4.20. 


Пример 4.20. Конструкция #...е!5е, в которой используются фигурные скобки 


<?рһр 
1+ ($бапк_Ба1апсе < 100) 
{ 
$топеу = 1000; 
$Бапк_Ба1апсе += $топеу; 
} 
е1ѕе 
{ 
$ѕауіпеѕ += 50; 
$Бапк_Ба1апсе -= 50; 
} 
?> 


Если в этом примере будет установлено, что в банке лежит $100 или более, то вы- 
полняется инструкция е1ѕе, с помощью которой часть этих денег перемещается на 
ваш сберегательный счет. 


Точно так же, каки у 1+, если у инструкции е15е есть только одна условная ин- 
струкция, то фигурные скобки можно не ставить. (Хотя фигурные скобки реко- 
мендуется использовать в любом случае. Во-первых, при их наличии проще разо- 
браться в коде, а во-вторых, они облегчают последующее добавление инструкций 
к этому ветвлению.) 


Инструкция еіѕеіғ 


Случается, что на основе последовательности условий нужно осуществить сразу 
несколько действий. Достичь желаемого результата можно, используя инструкцию 
е15е1+. Можно предположить, что она похожа на инструкцию е1ѕе, за исключением 
того, что до кода условия вставляется еще одно условное выражение. Полноценная 
конструкция 1+...е15е1+...е15е показана в примере 4.21. 


Пример 4.21. Конструкция #...е!5ей...е!5е, в которой используются фигурные скобки 


<?рһр 
1+ ($бапк_Ба1апсе < 100) 
{ 
$топеу = 1000; 
$Бапк_Ба1апсе += $топеу; 
} 


е15е1+ ($Бапк_Ба1апсе > 200) 
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{ 
$за\1п8$ += 100; 
$Бапк_Ба1апсе -= 100; 
} 


е15е 


| 
$за\1п8$ += 50; 
$Бапк_Ба1апсе -= 50; 
} 


?> 


В этом примере инструкция е15еі# была вставлена между инструкциями 1+ и е1ѕе. 
Она проверяет, не превышает ли баланс банковского счета сумму $200, и если 
превышает, принимается решение о том, что в этом месяце можно позволить себе 
положить на сберегательный счет $100. 


Это все можно представить в виде набора объездов в нескольких направлениях 
(рис. 4.3). 






Процесс нннеее 
выполнения 
программы 


Фф 


Рис. 4.3. Магистраль с объездами і, е!5ей и ее 
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Инструкция еіѕе завершает либо конструкцию #...е5е, либо конструкцию Н... 
е[5ей...ве. Если она не нужна, то финальную инструкцию ее можно опустить, 
но ни одна из этих инструкций не должна стоять перед инструкцией еей, точно 
так же, как ни одна инструкция е[5ей не должна стоять перед инструкцией #. 








Количество используемых инструкций е15еі# не ограничено. Но по мере роста ко- 
личества этих инструкций будет лучше, наверное, обратиться к инструкции ѕиїёсћ, 
если, конечно, она отвечает вашим запросам. Именно ее мы сейчас и рассмотрим. 


Инструкция ѕ\№їЁсһ 


Инструкция ѕмісһ применяется в тех случаях, когда у одной переменной или 
у результата вычисления выражения может быть несколько значений, каждое из 
которых должно вызывать особое действие. 


Рассмотрим, например, управляемую кодом РНР систему меню, которая в соот- 
ветствии с пожеланием пользователя передает отдельную строку коду основного 
меню. Предположим, что есть следующие варианты: Ноте, Абоиѓ, Мем, Годіп и МпК$, 
а переменная $раве принимает одно из этих значений в соответствии с информа- 
цией, введенной пользователем. 


Код реализации этого замысла с использованием конструкции 1+...е15е1+...е1е 
может иметь вид, показанный в примере 4.22. 


Пример 4.22. Многострочная инструкция #...е|5е! 


<?рһр 
іҒ ($раре == "Ноте") есһо "Вы выбрали Номе"; 
е15е1+ ($раве == "Абои*") есһо "Вы выбрали Абои+"; 
е15еіғ ($раве == "Мемѕ") есһо "Вы выбрали Мемѕ"; 
е15еіғ ($раве == "Іоріп") есһо "Вы выбрали іоріп"; 
е15еіғ ($раве == "Ііпкѕ") есһо "Вы выбрали ііпкѕ"; 
е15е есһо "Нераспознанный выбор"; 

?> 


Код, в котором используется инструкция зм1 сн, показан в примере 4.23. 


Пример 4.23. Инструкция ѕуіёсћ 


<?рһр 
ѕміЄсһ ($раве) 
{ 


саѕе "Ноте" : 
есһо "Вы выбрали Ноте"; 
ргеак; 

саѕе "Абоц{" : 
есһо "Вы выбрали АБоц{"; 
ргеак; 

саѕе "Мемѕ": 
есһо "Вы выбрали М№емѕ"; 
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ргеак; 

саѕе "Іовіп": 
есһо "Вы выбрали іоріп"; 
ргеак; 

саѕе "ііпкѕ": 
есһо "Вы выбрали ііпкѕ"; 
ргеак; 


} 


?> 


Как видите, переменная $раёе используется только один раз — в начале инструкции 
ѕмі+сһ. После этого все соответствия проверяются командой саѕе. Когда найдено 
соответствие, выполняется его условная инструкция. Разумеется, в настоящей про- 
грамме в этом месте будет применяться код отображения или перехода на страницу, 
а не простое сообщение пользователю о том, что именно он выбрал. 





В инструкциях 5мЁсй внутри команд сазе фигурные скобки не используются. 
Вместо этого инструкции начинаются с двоеточия и заканчиваются командой 
Бгеак. Тем не менее весь перечень команд саѕе в инструкции м сИ заключается 
в фигурные скобки. 








Прекращение работы инструкции м сп 


Если нужно, чтобы инструкция ѕмісћ прекратила свою работу из-за выполнения 
условия, используется команда Бгеак. Она предписывает РНР выйти из инструк- 
ции зи1сй и перейти к выполнению следующей инструкции. 


Если в примере 4.23 не расставить команды 6геак и результат вычисления команды 
саѕе, проверяющей условие Ноте, получится ТВОЕ, то будут выполнены все пять 
условных инструкций, следующих за командами сазе. Или же если переменная 
фраве имела значение М№емѕ, то, начиная с этого места, будут выполнены все оста- 
вшиеся команды саѕе. Это сделано преднамеренно для расширения возможностей 
программирования, но в большинстве случаев не следует забывать ставить команду 
ргеак во всех местах, где набор условных инструкций, следующих за командами 
саѕе, завершает свою работу. Надо сказать, что случайный пропуск команд Ьбеак 
является весьма распространенной ошибкой. 


Действие по умолчанию 


Типичным требованием для инструкции ѕиіёсһ является переход к действию 
по умолчанию, если не будет выполнено ни одно из условий, содержащихся 
в командах сазе. Например, к коду меню, показанному в примере 4.23, можно не- 
посредственно перед закрывающей фигурной скобкой добавить код, показанный 
в примере 4.24. 
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Пример 4.24. Инструкция аеРаиК для добавления к примеру 4.23 


ефаи1*: 
есһо "Нераспознанный выбор"; 
Ьгеак; 


Тем самым повторяется эффект инструкции е1ѕе из примера 4.22. 


Здесь ставить команду Бгеак не требуется, поскольку ае+аи14 является заключи- 
тельной внутренней инструкцией и процесс выполнения программы автоматиче- 
ски продолжится после закрывающей фигурной скобки, но если вы решите поста- 
вить инструкцию ае#аџ1+ выше этого места, ей определенно понадобится команда 
ргеак, для того чтобы процесс выполнения программы не затронул все стоящие 
ниже условные инструкции. Лучше перестраховаться и в конце этой инструкции 
всегда ставить команду бгеак. 


Альтернативный синтаксис 


Открывающую фигурную скобку инструкции $4 сп можно заменить двоеточием, 
а закрывающую — командой епаѕміёсһ (пример 4.25). 


Такой вариант используется довольно редко, и здесь он упоминается на тот случай, 
если придется столкнуться с ним в коде, созданном кем-нибудь другим. 


Пример 4.25. Альтернативный синтаксис инструкции м сн 
<?рһр 
ѕміЄсһ ($раве): 
саѕе "Ноте" : 
есһо "Вы выбрали Номе"; 
ргеак; 


// ит. д. 


саѕе "Ііпкѕ": 
есһо "Вы выбрали 11пК$"; 
ргеак; 
епаѕміїсһ; 
?> 


Оператор ? 


Использование трехкомпонентного оператора ? позволяет избежать многослов- 
ности инструкций 1+ и е15е. Необычность этого оператора заключается в том, что 
он использует не два, как большинство других операторов, а три операнда. 


В главе З уже состоялось краткое знакомство с этим оператором при выяснении 
разницы между ргіпё и есһо, где он приводился в качестве примера оператора, 
который хорошо работает с ргіпё, но не работает с есһо. 
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Оператору ? передаются выражение, которое он должен вычислить, и два выпол- 
няемых оператора: один для выполнения, когда результат вычисления выражения 
ТВОЕ, а другой — когда ЕАЕЗЕ. 


В примере 4.26 показан код, который может использоваться для вывода предупреж- 
дения об уровне топлива в автомобиле на его панель приборов. 


Пример 4.26. Использование оператора ? 


<?рһр 
есһо $+ие1 <= 1 ? "Требуется дозаправка" : "Топлива еще достаточно"; 
?> 


Если топлива остается всего 1 галлон! или меньше (иными словами, переменная 
$+ие1 имеет значение, равное единице или меньше ее), то этот оператор возвращает 
предыдущей команде еспо строку Требуется дозаправка. В противном случае он 
возвращает строку Топлива еще достаточно. Значение, возвращаемое оператором ?, 
можно также присвоить какой-нибудь переменной (пример 4.27). 


Пример 4.27. Присваивание условного результата оператора ? переменной 


<?рһр 
$епоиёй = $#ие1 <= 1 ? РАЁЗЕ : ТВОЕ; 
?> 


В этом примере переменной $епоиећ будет присвоено значение ТКОЕ только в том 
случае, если в баке более 1 галлона топлива, в противном случае ей будет присвоено 
значение РАГЅЕ. 


Если вы считаете синтаксис оператора ? слишком запутанным, то можете вместо 
него воспользоваться инструкцией 1+, но о нем все равно нужно знать, поскольку он 
может встретиться в программном коде, созданном другим программистом. Чтение 
кода, в котором используется этот оператор, может быть сильно затруднено из-за 
частого применения в нескольких местах одной и той же переменной. Например, 
весьма популярен код такого вида: 


$зауе = $ѕауеа >= $пем ? $зауей : Фпем; 


Понять, что он делает, можно только после тщательного разбора: 


$зауей = // Присваивание значения переменной $ѕахеа... 
$за\мед >= $пем // Сравнение $ѕауеа и $пем 
? // Если сравнение выдает истинный результат... 
$ѕауеа // ...ей присваивается текущее значение $$ауеа 
// Если сравнение выдает ложный результат... 
$пем; // ...ей присваивается значение переменной $пем 


Это весьма компактный способ отслеживания самого большого значения, которое 
может встретиться в процессе выполнения программы. Самое большое значение 





'  Галлон (американский) = 3,79 л. — Примеч. ред. 
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содержится в переменной $ѕамеаӣ и при поступлении нового значения сравнивается 
со значением переменной $пем. Программисты, освоившие оператор ?, считают, что 
для таких коротких сравнений его удобнее применять, чем инструкции 1+. 


Если этот оператор не используется для создания компактного кода, то он обычно 
применяется для принятия решений, умещающихся на одной строке, например 
для проверки того, установлено ли значение переменной перед передачей ее 
функции. 


Организация циклов 


Компьютеры славятся своей способностью быстро и неутомимо повторять вы- 
числения. Зачастую от программы требуется снова и снова повторять одну и ту же 
последовательность кода, пока не произойдет какое-нибудь событие, например 
ввод значения пользователем или достижение программой своего естественного 
окончания. Имеющиеся в РНР разнообразные структуры организации циклов 
предоставляют великолепные способы решения подобных задач. 


Чтобы представить, как это работает, посмотрите на рис. 4.4. Здесь мы вновь об- 
ратимся к метафоре с магистралью, которая использовалась для иллюстрации 
работы инструкции 1+, за исключением того, что у объезда также есть замкнутый 
участок, из которого машина может выйти только при соблюдении определенных 
программных условий. 





Процесс И 5 
выполнения 
программы 


бань 


Рис. 4.4. Представление цикла как части программы магистральной разметки 
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Циклы ме 


Превратим автомобильную панель приборов из примера 4.26 в цикл, постоянно 
проверяющий уровень топлива при езде на машине, в котором используется ин- 
струкция цикла мћі1е (пример 4.28). 


Пример 4.28. Цикл мћіе 


<?рһр 
$+Ғие1 = 10; 


мһі1е ($+ие1 > 1) 
{ 


// Продолжение поездки... 
есһо "Топлива еще достаточно"; 


} 


?> 


Вообще-то, вы можете предпочесть выводу текста горящий зеленый сигнал, но суть 
в том, что любая разновидность позитивной индикации об уровне топлива помещает- 
ся в цикл мћі1е. Кстати, учтите, что если вы запустите этот пример на выполнение, то 
он будет постоянно выводить строку, до тех пор пока вы не остановите работу браузера. 





Здесь, как и в случае с инструкциями і для хранения инструкций внутри цикла 
мһіе используются фигурные скобки, если только в этом цикле не задействована 
лишь одна инструкция. 








В примере 4.29 показан еще один вариант использования цикла мһі1е, в котором 
выводится таблица умножения на 12. 


Пример 4.29. Цикл ићіїе для вывода таблицы умножения на 12 


<?рһр 
фсоџпЁ = 1; 


мһі1е (Фсоип <= 12) 
{ 


есһо "Число $соип*, умноженное на 12, равно " . $соипЁ * 12 . "<бг>"; 
++фсоип+; 


} 


?> 


В этом примере переменной $соип* присваивается начальное значение 1, а затем за- 
пускается цикл мһі1е, в котором используется выражение сравнения $соип <= 12. 
Цикл будет выполняться до тех пор, пока значение переменной не станет боль- 
ше 12. Данный код выведет следующий текст: 


Число 1, умноженное на 12, равно 12 
Число 2, умноженное на 12, равно 24 
Число 3, умноженное на 12, равно 36 
и т. д. 
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Внутри цикла осуществляется вывод строки, а также значения переменной $соип*, 
умноженного на 12. Чтобы упорядочить вывод, после всего этого использован 
тег <>, вызывающий переход на новую строку. Затем перед закрывающей фи- 
гурной скобкой, предписывающей РНР вернуться к началу цикла, значение пере- 
менной $соип* увеличивается на единицу. 


Теперь значение переменной $соип* опять проверяется, чтобы узнать, не превы- 
шает ли оно число 12. Оно не превышает этого числа, но теперь равно 2, и после 
11 последующих прохождений цикла станет равно 13. Когда это произойдет, код, 
находящийся внутри цикла мћі1е, будет пропущен и станет выполняться код, 
следующий за циклом, в данном случае это будет завершение программы. 


При отсутствии оператора ++$соип* (вместо которого с таким же успехом может 
быть применен оператор $соип*++) этот цикл будет похож на первый, показанный 
в этом разделе. Он никогда не закончится и будет снова и снова выводить один 
и тот же результат 1 * 12. 


Но есть и более изящный способ написания этого цикла, который должен вам по- 
нравиться. Посмотрите на код примера 4.30. 


Пример 4.30. Укороченная версия примера 4.29 


<?рһр 
фсоипі = 9; 


мһі1е (++$соџпЁ <= 12) 
есһо "Число $соип®, умноженное на 12, равно " . $соипі * 12 . "<Ьг»"; 
?> 


В этом примере была возможность перемещения оператора ++$соип* из тела цикла 
мһі1е непосредственно в выражение условия цикла. Теперь РНР вычисляет зна- 
чение переменной $соип* в начале каждого прохода цикла (итерации) и, заметив, 
что перед именем переменной стоит оператор инкремента, сначала увеличивает 
значение переменной на 1 и только потом сравнивает его с числом 12. Следова- 
тельно, теперь переменной $соип{ присваивается начальное значение 6, а не 1, по- 
скольку это значение увеличивается сразу же, как только происходит вход в цикл. 
Если оставить начальное значение, равное 1, то будут выведены результаты для 
чисел между 2 и 12. 


Циклы ао...мћ\е 


Цикл ао...мһі1е представляет собой небольшую модификацию цикла мһі1е, ис- 
пользуемую в том случае, когда нужно, чтобы блок кода был исполнен хотя бы 
один раз, а условие проверялось только после этого. 


В примере 4.31 показана модифицированная версия таблицы умножения на 12, 
в которой использован этот цикл. 
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Пример 4.31. Цикл до...мћ\е, используемый для вывода таблицы умножения на 12 


<?рһр 
фсоџпЁ = 1; 
ао 
есһо "Число $соипЁ, умноженное на 12, равно " . $соипЁ * 12 . "<‹бг>"; 
мһі1е (++$соџпЁ <= 12); 
?> 


Заметьте, что теперь мы вернулись к присваиванию переменной фсоипё начального 
значения 1 (а не 6), потому что находящаяся в цикле инструкция еспо выполня- 
ется перед появлением у нас возможности увеличения значения переменной на 1. 
Во всем остальном этот код очень похож на показанный в примере 4.29. 


Разумеется, если внутри цикла до. . .мһі1е находится несколько инструкций, то 
не следует забывать ставить вокруг них фигурные скобки, как показано в при- 
мере 4.32. 


Пример 4.32. Расширенная версия примера 4.31, использующая фигурные скобки 


<?рһр 
фсоџпЁ = 1; 
ао { 
есһо "Число $соипЁ, умноженное на 12, равно " . $соип* * 12; 


есһо "<>"; 
} мһі1е (++$соип <= 12); 
?> 


Циклы ГГ 


Цикл ог, являющийся последней разновидностью инструкций цикла, к тому же еще 
и самый мощный из них, поскольку в нем сочетаются возможности установки значе- 
ния переменных при входе в цикл, проверки соблюдения условия при каждом проходе 
цикла (итерации) и модификации значений переменных после каждой итерации. 


В примере 4.33 продемонстрирована возможность вывода таблицы умножения 
с использованием цикла +ог. 


Пример 4.33. Вывод таблицы умножения на 12 из цикла Юг 


<?рһр 
Ғог (Фсоип = 1 ; $соипі <= 12 ; ++$соип*) 
есһо "Число $соипі, умноженное на 12, равно " . $соипЁ * 12 . "<‹бг>"; 
?> 


Как видите, весь код сведен к одной инструкции +ог, в которой содержится одна 
условная инструкция. И вот что из этого получается. Каждая инструкция +ог вос- 
принимает три параметра: 

О выражение инициализации; 


О выражение условия; 





О выражение модификации. 
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Эти три выражения отделяются друг от друга точкой с запятой: Ғог (выражение1 ; 
Выражение? ; выражениез). В начале первой итерации выполняется выражение 
инициализации. В нашем коде таблицы умножения переменная $соип* инициали- 
зируется значением 1. Затем при каждой итерации проверяется выражение условия 
(в данном случае $соип+ <= 12), и выход из цикла осуществляется только в том 
случае, если результат вычисления условия будет ТВУЕ. И наконец, в завершение 
каждой итерации выполняется выражение модификации. В случае с таблицей 
умножения значение переменной $соипё увеличивается на 1. 


Эта структура в явном виде исключает любые требования по размещению управ- 
ляющих элементов цикла в его собственном теле, освобождая его для инструкций, 
требующих циклического выполнения. 


Если в теле цикла +ог содержится несколько инструкций, не забудьте воспользо- 
ваться фигурными скобками (пример 4.34). 


Пример 4.34. Цикл Гог из примера 4.33 с добавлением фигурных скобок 


<?рһр 
Фог ($соип = 1 ; фсоипЕ <= 12 ; ++$соип®) 
{ 
есһо "Число $соип®, умноженное на 12, равно " . $соипЕ * 12; 
есһо "<6г>"; 
} 
?> 


Сравним условия, при которых следует использовать циклы ог, с условиями, при 
которых нужно применять циклы ий11е. Цикл +ог явно создавался под отдельное 
значение, изменяющееся на постоянную величину. Обычно мы имеем дело с уве- 
личивающимся значением — это похоже на то, как если бы вам передали перечень 
того, что выбрал пользователь, и от вас бы требовалось обработать каждый его 
выбор по очереди. Но переменную можно видоизменять по вашему усмотрению. 
Более сложная форма инструкции +ог позволяет даже осуществлять со всеми тремя 
параметрами сразу несколько операций: 


Фог ($1 = 1, $] =1; $1 + $] < 10 ; $і+ь , $ј++) 
{ 
// 


} 


Однако новичкам использовать такую сложную форму не рекомендуется. Здесь глав- 
ное — отличать запятые от точки с запятой. Все три параметра должны быть от- 
делены друг от друга точкой с запятой. 


Несколько операторов внутри каждого параметра должны быть отделены друг от 
друга запятыми. Первый и третий параметры в предыдущем примере содержат по 
два оператора: 

$1 = 1, $] = 1 // Инициализация переменных $1 и $} 


$1 + $] < 10 // Условие окончания работы цикла 
$1++ , $] ++ // Модификация $1 и $) в конце каждой итерации 
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Главное, что следует уяснить из этого примера, — три секции параметров должны 
разделяться точкой с запятой, а не запятыми (которые могут использоваться только 
для разделения операторов внутри каждой секции параметров). 


Тогда при каких условиях следует отдавать предпочтение инструкциям ий11е перед 
инструкциями +ог? Когда ваше условие не зависит от простого изменения пере- 
менной на постоянной основе. Например, инструкция мһі1е применяется в том 
случае, если нужно проверить, не введено ли какое-то определенное значение или 
не возникла ли какая-то конкретная ошибка, и завершить цикл сразу же, как только 
это произойдет. 


Прекращение работы цикла 


Прекратить работу цикла Фог (или любого другого цикла) можно точно так же, 
как и работу рассмотренной уже инструкции зи сн, — используя команду бгеак. 
К примеру, это может понадобиться, когда одна из ваших инструкций вернет ошиб- 
ку и продолжать выполнение цикла станет небезопасно. 


Один из таких случаев может произойти, когда при записи файла возникнет ошиб- 
ка, возможно, из-за нехватки места на диске (пример 4.35). 


Пример 4.35. Запись файла, использующая цикл Гог с перехватом ошибки 


<?рһр 
$Ғр = Фореп("+ехе.4хе", 'мр'); 


Ғог ($] = Ө ; $] < 100 ; ++$ј) 


{ 
$мгіЄёеп = Фиг1е($Рр, "дафа"); 
1+ (Фмгіїбеп == РАГІЅЕ) Бгеак; 
} 
Ғс10ѕе(%+#р); 
?> 


Это наиболее сложный из всех ранее приведенных фрагментов кода, но вы уже 
готовы к его пониманию. Команды обработки файлов будут рассмотрены в главе 7, 
а сейчас нужно лишь знать, что в первой строке кода открывается файл бех .ёх+ 
для записи в двоичном режиме, а затем переменной $#р возвращается указатель на 
него, который в дальнейшем используется для ссылки на этот открытый файл. 


Затем осуществляется 100 проходов цикла (от 0 до 99), записывающих строку даа 
в файл. После каждой записи функция #мгі+е присваивает переменной $иг1 еп 
значение, представляющее собой количество успешно записанных символов. Но если 
происходит ошибка, то функция #иг1е присваивает этой переменной значение РАЕЗЕ. 


Поведение функции #игібе облегчает коду проверку переменной $иг1 еп на на- 
личие значения РАЕЗЕ, и если она имеет такое значение, код прекращает работу 
цикла и передает управление инструкции, закрывающей файл. 
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При желании улучшить код можно упростить строку: 


1+ (ФигтЕепт == РАЁЗЕ) бгеак; 


за счет использования оператора №Т: 


1+ (1$игтееп) Бгеак; 


Фактически пара инструкций, находящихся внутри цикла, может быть сокращена 
до одной: 


1+ (!Ғмгісе(%#р, "дафа")) Бгеак; 


Иными словами, переменную $иг1 {еп можно исключить, поскольку она существу- 
ет только для проверки значения, возвращенного из функции Фиг1{е. Вместо этого 
можно протестировать возвращаемое значение напрямую. 


Но команда Бгеак обладает более широкими возможностями, чем можно было бы 
предположить, поскольку, если нужно прекратить работу кода, вложенного глубже, 
чем на один уровень, после команды 6геак можно поставить число, показывающее, 
работу скольких уровней нужно прекратить, например: 


ргеак 2; 


Инструкция сопіїпие 


Инструкция сопЕ1пие немного похожа на команду бгеак, только она предписывает 
РНР остановить обработку текущей итерации цикла и перейти непосредственно 
к его следующей итерации, то есть вместо прекращения работы всего цикла РНР 
осуществляет выход только из текущей итерации. 


Этот прием может пригодиться в тех случаях, когда известно, что нет смысла про- 
должать выполнение текущего цикла и нужно сберечь процессорное время или 
избежать ошибки путем перехода сразу к следующей итерации цикла. В приме- 
ре 4.36 инструкция сопЕ1пие используется для того, чтобы избежать ошибки де- 
ления на нуль за счет ее вызова в тот момент, когда переменная $3 имеет значе- 
ние ё. 


Пример 4.36. Перехват ошибки деления на нуль с помощью инструкции сопііпие 


<?рһр 
$) = 10; 


мһі1е (%ј > -10) 
{ 
$3--; 


1+ ($) == 0) сопетие; 
есһо (10 / $]) . "<6г>"; 
} 


> 
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Для всех значений переменной $ј в диапазоне чисел между 10 и —10, за исклю- 
чением 0, отображается результат деления числа 10 на значение переменной $). 
Но для конкретного случая, когда значение $3 равно е, вызывается инструкция 
сопЕ1пие и дальнейшее выполнение итерации сразу же пропускается с переходом 
к следующей итерации цикла. 


Неявное и явное преобразование типов 


РНР является языком со слабой типизацией, который позволяет объявлять пере- 
менную и ее тип путем простого использования этой переменной. При необходимо- 
сти он также осуществляет автоматическое преобразование одного типа в другой. 
Этот процесс называется неявным преобразованием типов. 


Однако могут возникнуть ситуации, когда присущее РНР неявное преобразование 
типов станет совсем нежелательным действием. Рассматривая пример 4.37, обра- 
тите внимание на то, что входные данные для операции деления являются целыми 
числами. По умолчанию РНР осуществляет преобразование выходных данных 
к числу с плавающей точкой, чтобы получалось наиболее точное значение — 4.66 
и б в периоде. 


Пример 4.37. Этот пример возвращает число с плавающей точкой 


<?рһр 
$а = 56; 
$6 = 12; 
фс = $а / $5; 
есһо $с; 
?> 


Но что делать, если вместо этого нужно получить значение переменной $с в виде 
целого числа? Этого можно добиться разными способами, одним из которых 
является принудительное преобразование результата $а / $6 в целое число путем 
использования оператора преобразования (1п*): 


Фс = (іп) ($а / $6); 


Такой способ называется явным преобразованием типов. Обратите внимание, 
что для обеспечения преобразования в целое число значения всего выражения 
это выражение помещено в круглые скобки. В противном случае преобразованию 
подверглось бы только значение переменной $а, что не имело бы никакого смысла, 
поскольку деление на значение переменной $6 все равно вернуло бы результат 
в виде числа с плавающей точкой. 


Можно провести явное преобразование значений в те типы, которые показаны 
в табл. 4.6. 
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Необходимости использования преобразования можно избежать за счет вызова 
одной из встроенных функций РНР. Например, для получения целочисленного 
значения можно задействовать функцию іпіма!. Этот раздел, как и многие другие 
в данной книге, предназначен в основном для того, чтобы помочь разобраться 
с чужим кодом, который может вам встретиться. 








Таблица 4.6. Типы преобразований, доступных в РНР 








Тип Описание 

преобразования 

(шо (пцебег) Преобразование в целое число путем отбрасывания десятичной части 
(Боо|) (Бооеап) Преобразование в логическое значение 





(Поаб) (4очЫе) (геа]) | Преобразование в число с плавающей точкой 




















($715) Преобразование в строку 
(агтау) Преобразование в массив 
(оБјесб) Преобразование в объект 





Динамическое связывание в РНР 


Поскольку РНР является языком программирования и получаемая в результате 
его работы выходная информация может быть совершенно разной для различных 
пользователей, есть возможность запускать целый сайт из одной веб-страницы, 
созданной с помощью РНР. При каждом щелчке пользователя на каком-нибудь 
элементе подробности могут отправляться назад той же веб-странице, которая бу- 
дет принимать решение, что делать дальше, в соответствии с различными объектами 
сооҜіе и/или данными сессии, которые могут быть сохранены. 


Но несмотря на возможность создания таким способом целого сайта, этого делать 
не рекомендуется, поскольку исходный код будет все время разрастаться и приоб- 
ретет громадные размеры по мере того, как ему придется принимать во внимание 
разнообразные действия пользователя. 


Будет куда благоразумнее разделить разработку сайта на несколько разных частей. 
Например, один автономный процесс будет заниматься подпиской на сайт со всеми 
вытекающими отсюда проверками допустимости адреса электронной почты, неза- 
действованности имени пользователя и т. д. 


Второй модуль неплохо было бы создать для регистрации пользователей, предше- 
ствующей их допуску к основной части вашего сайта. Затем можно создать модуль 
вывода сообщений, в котором пользователи могли бы оставлять свои комментарии, 
модуль, содержащий ссылки и полезную информацию, еще один модуль, позволя- 
ющий загружать на сайт фотографии, ит. д. 
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Как только будет создано средство для отслеживания действий пользователя на 
вашем сайте, использующее объекты сооКіе или переменные сессии (оба этих сред- 
ства будут более подробно рассмотрены в следующих главах), можно разделить 
сайт на удобные секции РНР-кода, каждая из которых будет независима от других. 
Таким образом, вы существенно облегчите себе будущую разработку каждого ново- 
го свойства и обслуживание уже имеющихся. 


Динамическое связывание в действии 


Одним из наиболее популярных в настоящее время приложений, управляемых 
РНР, является платформа для ведения блогов ҰогӣРгеѕѕ (рис. 4.5). При ведении 
или чтении блога этого можно и не понять, но для каждой основной секции вы- 
делен свой основной РНР-файл, а огромное количество совместно используемых 
функций помещено в отдельные файлы, которые включаются основными РНР- 
страницами по мере необходимости. 
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Рис. 4.5. Инструментальная панель платформы \Могаргеѕѕ, предназначенной для ведения блогов 


Вся платформа держится на закулисном отслеживании сессии, поэтому вы вряд ли 
знаете о том, когда осуществляется переход от одной подчиненной секции к другой. 
В итоге, если веб-разработчик хочет провести тонкую настройку У\огаРгез$, ему 
не трудно найти конкретный файл, который для этого применяется, и выполнить 
его проверку и отладку, не теряя понапрасну времени на не связанные с ним части 
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программы. Когда в очередной раз будете использовать МогарРгеѕѕ, проследите за 
адресной строкой своего браузера, особенно при управлении блогом, и тогда вы 
сможете заметить обращения к разнообразным РНР-файлам, которые использу- 
ются в этом приложении. 


В текущей главе были рассмотрены обширные сведения, закладывающие основу 
для дальнейшего изучения материала книги. Теперь вы уже должны уметь состав- 
лять свои собственные небольшие РНР-программы. Но, перед тем как перейти 
к следующей главе, посвященной функциям и объектам, можете проверить при- 
обретенные знания, ответив на контрольные вопросы. 


Вопросы 


о чем 


Какие основные значения представлены ключевыми словами ТКИЕ и ҒАГ5Е? 
Что представляют собой две самые простые формы выражений? 


В чем разница между унарными, бинарными и трехкомпонентными операто- 
рами? 


В чем заключается наилучший способ установки собственной приоритетности 
операторов? 


Что означает понятие взаимосвязанности операторов? 
Когда следует использовать оператор тождественности (===)? 
Назовите три типа условных инструкций. 


Какую команду можно использовать для пропуска текущей итерации цикла 
и перехода к следующей итерации? 


Почему цикл +ог считается более мощным, чем мһі1е? 


Как инструкции і# и мһі1е интерпретируют условные выражения, составленные 
из разных типов данных? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Функции 
и объекты РНР 


К основным требованиям к любому языку программирования относится наличие 
места для хранения данных, средств для направления процесса выполнения про- 
граммы и других мелочей, таких как вычисление выражений, управление файлами 
и вывод текста. РНР обладает всем этим, и вдобавок у него имеется облегчающий 
жизнь инструментарий наподобие инструкций е15е и е15е1+. Но даже если все 
это входит в наш набор инструментов, программирование может быть слишком 
нудным и утомительным занятием, особенно если регулярно будет возникать не- 
обходимость вновь и вновь набирать очень похожие друг на друга фрагменты кода. 


И тут нам на помощь приходят функции и объекты. Нетрудно догадаться, что 
функция — это набор инструкций, который выполняет конкретную задачу и в до- 
полнение к этому может вернуть какое-нибудь значение. Можно извлечь фрагмент 
кода, который используется более одного раза, поместить его в функцию и вызвать 
функцию по имени в тот момент, когда этот код нужно будет выполнить. 


По сравнению с непрерывным линейным кодом у функций есть масса преимуществ. 


О Экономия времени при наборе текста программы. 

О Сокращение количества синтаксических и прочих ошибок программирования. 
О Сокращение времени загрузки файлов программы. 
а 


Сокращение времени выполнения, поскольку каждая функция компилируется 
только один раз, независимо от частоты ее вызовов. 





о Возможность использовать функции как в рядовых, так и в особенных случаях, 
поскольку они воспринимают аргументы. 


Объекты являются дальнейшим развитием этой концепции. Объект объединяет 
одну или несколько функций и данные, которые ими используются, в единую 
структуру, которая называется классом. 


В этой главе будет рассмотрено все, что касается использования функций, — от их 
определения и вызова до различных способов передачи данных. Вооружившись 
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этими знаниями, вы сможете создавать функции и использовать их в собственных 
объектах (в которых они будут упоминаться как методы). 








Временами еще встречаются случаи использования любой версии РНР ниже 5.4, 
что, несомненно, не рекомендуется делать. Поэтому при изучении данной гла- 
вы предполагается, что выпуск с этим номером является той самой младшей 
версией, с которой вы будете работать. Вообще-то, я рекомендую пользоваться 
версией 5.6 или новой версией 7.0 или 7.1 (выпуск версии 6 не состоялся). Любую 
из этих версий можно выбрать на панели управления АМРР$, воспользовавшись 
рекомендациями из главы 2. 








Функции РНР 


РНР поставляется с несколькими сотнями готовых к работе встроенных функций, 
превращающих его в язык с очень богатыми возможностями. Чтобы воспользо- 
ваться функцией, ее нужно вызвать по имени. Посмотрим, например, как работает 
функция да*е: 


есһо Чдафе("1"); // Показывает день недели 


Круглые скобки сообщают РНР, что вы ссылаетесь на функцию. В противном 
случае будет считаться, что вы ссылаетесь на константу. 


Функции могут принимать любое количество аргументов, включая нулевое. На- 
пример, показанная ниже функция рир1иФо отображает множество информации 
о текущей установке РНР и не требует никаких аргументов: 


рһріп+ғо (); 


Результат вызова этой функции показан на рис. 5.1. 








Функция рһріпѓо весьма полезна для получения информации о текущей установке 
РНР, но этой информацией могут воспользоваться и потенциальные злоумышлен- 
ники. Поэтому никогда не оставляйте вызов этой функции в коде, подготовленном 
для работы в сети. 





В примере 5.1 показано несколько встроенных функций, использующих один 
аргумент и более. 


Пример 5.1. Три функции для работы со строками 
<?рһр 
есһо $%ггеу(" .41гом о11еН"); // Реверсирование строки 
есһо $%г_гереа*("Н1р ", 2); // Повторение строки 
есһо $+гфоиррег("Поогау!"); // Преобразование символов строки в верхний регистр 
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Рис. 5.1. Информация, выводимая встроенной в РНР функцией рһріпѓо 


В этом примере используются три функции для обработки строк, выводящие 
следующий текст: 


Не11о мог1ӣ. Нір Нір НООВАУ! 
Как следует из результата, функция ѕёггеу реверсирует порядок символов в строке, 
функция ѕёг_гереа дважды повторяет строку "Нір" (в соответствии с требовани- 


ем второго аргумента), а функция ѕ&гёоиррег переводит буквы в слове "ћоогау!" 
в верхний регистр. 


Определение функции 


В общем виде для функции используется следующий синтаксис: 


Ғипсіоп имя функции( [параметр [, ...1]) 


{ 


// Инструкции 


В первой строке синтаксиса показано следующее: 


О определение начинается со слова Ғипс+іоп; 


О заним идет имя, которое должно начинаться с буквы или символа подчеркивания; 





О за ними может следовать любое количество букв, цифр или знаков подчерки- 
вания; 
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О наличие круглых скобок обязательно; 





О кнеобязательному элементу (обозначаемому тем, что он заключен в квадратные 
скобки) относится один или несколько параметров, разделенных запятыми. 


Имена функций нечувствительны к регистру использующихся в них букв, поэто- 
му все следующие строки могут ссылаться на одну и ту же функцию ргіпё: РАІМТ, 
Ргіпё и РГТИТ. 


С открывающей фигурной скобки начинаются инструкции, которые будут вы- 
полнены при вызове функции; они должны завершаться закрывающей фигурной 
скобкой, составляющей пару первой скобке. В составе этих инструкций должны 
быть одна или несколько инструкций гефигп, заставляющих функцию прекратить 
выполнение и вернуть управление вызывавшему функцию коду. Если инструкция 
геёигп продолжена каким-нибудь значением, то вызывающий код может его из- 
влечь, что мы сейчас и увидим. 


Возвращение значения 


Рассмотрим простую функцию, преобразующую буквы чьих-нибудь полных имен 
в нижний регистр, а затем переводящую в верхний регистр первую букву каждой 
из составных частей имени. 


В примере 5.1 нам уже встречалась встроенная РНР-функция ѕёгёоиррег. Для нашей 
текущей функции будет использована ее противоположность: функция $ го1ошег: 


$1омегеа = ѕъгіо1омег("люБОоЕ нУжное Вам количество Букв и Знаков Пунктуации"); 
есһо $1омегеа; 


На выходе этого эксперимента получается следующая строка: 


любое нужное вам количество букв и знаков пунктуации 


Но нам не нужны имена, полностью состоящие из букв нижнего регистра, мы 
хотим превратить первые буквы в прописные. (Не будем в этом примере брать 
в расчет такие редкие имена, как Магу-Апп или ]о-Еп-Г.а1.) Нам и здесь сопутству- 
ет удача: РНР предоставляет также функцию ис+1г5*, которая переводит первую 
букву строки в верхний регистр: 


фис+Ғіхеа = ис1г5*("любое нужное вам количество букв и знаков пунктуации"); 
есһо $исҒіхеа; 

На выходе получается следующая строка: 

Любое нужное вам количество букв и знаков пунктуации 


Теперь мы можем внести свою лепту в конструирование программы: чтобы полу- 
чить слово с первой прописной буквой, сначала для строки будет вызвана функция 
ѕёгіо1омег, а затем функция ис#ігѕ+. Для этого вызов функции ѕёгіо1омег будет 
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вложен в вызов функции ис+1г5*. Посмотрим, зачем это делается, потому что нам 
важно понять порядок вычисления кода. 

Если воспользоваться следующим простым вызовом функции рг1т*: 

ргіпё (5-8); 

то сначала будет вычислено выражение 5 - 8 и на выходе будет получено число -3. 
(В предыдущей главе уже было показано, что РНР для отображения этого резуль- 


тата превращает его в строку.) Если выражение содержит функцию, то сначала 
вычисляется эта функция: 


рг1п* (аб (5-8)); 
Для выполнения этой короткой инструкции РНР совершает следующие действия. 


1. Вычисляет 5 - 8, выдавая результат -3. 

2. Использует функцию абѕ, превращая -3 в 3. 

З. Превращает результат в строку и выводит его, используя функцию рг1т*. 
Такой порядок работы обусловлен тем, что РНР вычисляет каждый элемент, на- 


чиная с самого внутреннего и заканчивая тем, который находится снаружи. То же 
самое происходит при обработке следующего вызова: 


исЕ1г5$+ ( згЕо1омег("люБОЕ нУжное Вам количество Букв и Знаков Пунктуации")) 


РНР передает нашу строку функции $4 г о1ощег, а затем функции ис#ігѕё, выдавая 
следующий результат (который мы уже видели, когда вызывали функции отдельно 


друг от друга): 


Любое нужное вам количество букв и знаков пунктуации 


Теперь определим функцию (показанную в примере 5.2), которая берет три име- 
ни и переводит их буквы в нижний регистр, после чего превращает первую букву 
в прописную. 


Пример 5.2. Приведение в порядок полного имени 


<?рһр 
есһо Ғіх_патеѕ ("МТЕЕТАМ", "ПВепгу", "ваёЕ5"); 


Ғипсъіоп Ғіх_патеѕ ($п1, $12, %п3) 


{ 
$п1 = исҒіеѕ1(51гЕо1омег($п1)); 
$п2 = исҒігѕ(ѕ6го1Іомег($п2)); 
$п3 = ис+1г54 ( $&гфо1омег($п3)); 
гефигп $11." ". $12 ."". $13; 
} 


?> 
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Пользователи часто забывают вовремя выключить режим Сарѕ ГосК, случайно 
ставят прописные буквы не там, где нужно, и даже вообще забывают о них, от чего 
вы тоже не застрахованы. В результате выполнения кода этого примера будет вы- 
веден следующий текст: 


№і11іат Непгу Сба+еѕ 


Возвращение массива 


Выше была рассмотрена функция, возвращающая единственное значение. Но су- 
ществуют также способы получения при выполнении функции сразу нескольких 
значений. 


Самый подходящий из них возвращает эти значения в виде массива. В главе З 
уже было показано, что массив похож на связку переменных в одной строке. 
Использование массива для возвращения значений функции отображено в при- 
мере 5.3. 


Пример 5.3. Возвращение нескольких значений в массиве 


<?рһр 
$патеѕ = Ғіх_памеѕ ("ИТЕЕТАМ", "һепгу", "ва+Е5"); 
есһо $патеѕ [0] . " " . $памеѕ[1] . " " . $паме$[2]; 


Ғипсёіоп Ғіх_патеѕ($п1, $п2, %п3) 


{ 
$11 = исҒігѕ+(51гбо1омег ($п1)); 
$12 = исҒігѕ+(51гбо1омег ($п2)); 
$13 = исҒігѕ+(51гбо1омег ($п3)); 


гефигп аггау($п1, $п2, $п3); 


} 


?> 


У этого метода есть преимущество, заключающееся в том, что все три имени со- 
держатся по отдельности, а не объединяются в одну строку, что дает возможность 
обращаться к любому пользователю просто по его имени или фамилии, не извлекая 
каждое имя из возвращаемой строки. 


Передача аргументов по ссылке 


В версиях РНР, предшествующих версии 5.3, вы привыкли пользоваться возможно- 
стью употребления при вызове функции символа & (например, іпсгетепі(&%тууак) ;), 
чтобы заставить парсер передавать ссылку на переменную, а не значение самой 
переменной. Тем самым функции предоставлялся доступ к переменной (позволя- 
ющий записывать в нее различные значения). 
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В версии РНР 5.3 передача по ссылке при вызове функции попала в число нере- 
комендуемых приемов, а из версии РНР 5.4.0 возможность такой передачи была 
удалена. Поэтому вам не следует пользоваться этим приемом нигде, кроме как 
на устаревших сайтах, и даже при этом рекомендуется переписать код, переда- 
ющий значения по ссылке, поскольку в новых версиях РНР он будет приводить 
к остановке программы с выдачей неустранимой ошибки. 














Но внутри определения функции можно продолжать обращаться к аргументам по 
ссылке. Этот подход может представлять для вас определенные сложности, поэтому 
вернемся к метафоре со спичечным коробком, которая использовалась в главе 3. 


Представьте, что вы не вынимаете клочок бумаги из коробка, не читаете то, что на 
нем написано, не копируете эту надпись на другой клочок бумаги, не возвращаете 
оригинал в коробок и не передаете копию функции, а просто привязываете нитку 
к исходному клочку бумаги и передаете функции второй конец этой нитки (рис. 5.2). 





ФипсЕТоп () 


{ 
} 


// Код 





Рис. 5.2. Представление ссылки в виде нитки, привязанной к значению переменной 


Теперь, чтобы найти данные, к которым она обращается, функция может просле- 
довать по нитке. Таким образом исключаются все издержки на создание копии 
переменной, предназначенной только для того, чтобы в функции можно было вос- 
пользоваться ее значением. Более того, теперь функция может изменить значение 
переменной. 


Значит, пример 5.3 можно переписать: передать ссылки на все параметры, чтобы 
после этого функция напрямую смогла внести в них изменения (пример 5.4). 


Пример 5.4. Передача значений в функцию по ссылке 


<?рһр 
$а1 = "ИТЕЕТАМ"; 
$а2 = "һепгу"; 


фаз = "ра+Е5"; 
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есһо $а1 . " " . $а2 . " " . $аз . "<бг>"; 
1х_пате$($а1, $а2, $а3); 
есһо $а1 ."". $а2 . " " . $аз; 


Ғипсёіоп Ғіх_патеѕ (&%п1, &%п2, &%п3) 
{ 
$п1 = исҒігѕ1(51гЕо1омег(%п1)); 
$п2 = исҒігѕ1(51гЕо1омег(%п2)); 
$п3 = исҒігѕ1(51гЕо1омег(%п3)); 


} 


?> 


Вместо передачи строк непосредственно функции они сначала присваиваются 
в качестве значений переменным и выводятся на экран, чтобы можно было по- 
смотреть их состояние «до». Затем, как и раньше, вызывается функция, но внутри 
определения функции перед именем каждого параметра, передаваемого по ссылке, 
ставится символ &. 


Теперь к переменным $11, $п2 и $п3 привязаны «ниточки», ведущие к значениям 
переменных $а1, $а2 и $аз. Иными словами, существует одна группа значений, но 
два набора имен переменных, позволяющих к ним обратиться. 


Поэтому функции +#іх_патеѕ нужно только присвоить новые значения переменным 
$п1, $12 и $п3, чтобы обновить значения переменных $а1, $а2 и $аз. В результате 
выполнения этого кода будут выведены следующие строки: 


ИТЕЕТАМ һепгу да%Е$ 
№і11іат Непгу Сба+еѕ 


Как видите, в обеих инструкциях есһо используются только значения переменных 
$а1, $а2 и $аз. 


Возвращение глобальных переменных 


Лучшим способом предоставления функции доступа к переменной, созданной за ее 
пределами, является объявление ее глобальной прямо из тела функции. За ключе- 
вым словом в1оба1 должно следовать имя переменной, тогда полный доступ к этой 
переменной можно будет получить из любой части вашего кода (пример 5.5). 


Пример 5.5. Возвращение значений в глобальных переменных 


<?рһр 
$а1 = "МТЕЕТАМ"; 
$а2 = "һепгу"; 
$а3 = "ра+Е5"; 
есһо $а1 . " " . $а2 . " " . $аз . "<бг>"; 
1х _пате$(); 
есһо $а1 ."". $а2 . " " . $аз; 


Ғипсёіоп Ғіх_памеѕ() 


{ 
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51оБа1 $а1; $а1 = ис{1г5* (з&гфо1омег($а1)); 
51оБа1 $а2; $а2 = исҒігѕ1(51гЁо1омег($а2)); 
51оБа1 $а3; $а3 = исҒігѕ1 (з&гфо1омег($а3)); 


} 


?> 


Теперь уже не нужно передавать функции параметры и она не должна их при- 
нимать. После объявления эти переменные остаются глобальными и доступными 
коду всей остальной программы, включая ее функции. 


И еще раз об области видимости переменных 


Кратко напомню те сведения, которые были получены при изучении главы 3. 


О Локальные переменные доступны лишь из той части кода, в которой они были 
определены. Если это произошло за пределами функции, доступ к переменным 
будет возможен из всего кода, находящегося за пределами функций, классов 
ит. д. Если переменная была определена внутри функции, значит доступ к ней 
может получить только код этой функции и ее значение теряется при выходе 
из функции. 


Глобальные переменные доступны из любых частей вашего кода. 


о 





о Статические переменные доступны только внутри функции, в которой они 
были объявлены, но при этом они сохраняют свое значение в процессе много- 
кратных вызовов функции. 


Включение и запрос файлов 


По мере приобретения навыков программирования на РНР вы, скорее всего, 
приступите к созданию библиотеки, состоящей из функций, которые, по вашему 
мнению, смогут пригодиться в будущем. Кроме того, наверное, вы начнете пользо- 
ваться библиотеками, созданными другими программистами. 


Копировать эти функции и вставлять их в свой код не имеет никакого смысла. 
Можно сохранить эти функции в отдельных файлах и воспользоваться команда- 
ми для их извлечения. Для этого существуют две команды: іпс1иае (включить) 
и геди1ге (затребовать). 


Инструкция іпсіџае 


При использовании инструкции іпс1иде можно потребовать у РНР извлечения 
конкретного файла и загрузки всего его содержимого. Это равносильно вставке 
включаемого файла в данное место текущего файла. В примере 5.6 показано, как 
нужно включать файл под названием 1ібгагу.рһр. 
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Пример 5.6. Включение файла РНР 


<?рһр 
іпс1оае "1іргағу.рһр"; 


// Сюда помещается ваш код 
?> 


Инструкция іпсіџае_опсе 


При каждом использовании директивы 1пс1иае она снова вставляет требуемый 
файл, даже если он уже был вставлен. Предположим, к примеру, что в библиотеке 
116гагу.рИр содержится масса полезных функций. Вы включаете ее в свой файл, 
но, кроме нее, включаете еще одну библиотеку, которая содержит 1ібгагу. рћр. 
Из-за этой вложенности вы непреднамеренно вставляете Ііргагу.рһр дважды. 
В результате будут появляться сообщения об ошибках, потому что будет пред- 
принята попытка несколько раз объявить одну и ту же константу или функцию. 
Поэтому вместо данной директивы нужно использовать инструкцию 1пс1и4е_опсе 
(пример 5.7). 


Пример 5.7. Однократное включение файла РНР 


<?рһр 
іпс1оае опсе "1іргагу.рһр"; 


// Сюда помещается ваш код 
?> 


Теперь любые дальнейшие попытки включения того же самого файла (с помощью 
іпс1иае или іпс1иде опсе) будут проигнорированы. Чтобы определить, был ли 
запрошенный файл уже включен, абсолютный путь к нему сравнивается со всеми 
раскрытыми относительными путями и файлом, найденным в пути, который ука- 
зан в вашей инструкции 1пс1иде. 


Лучше будет придерживаться использования инструкции іпсіџйе_опсе и не при- 
менять инструкцию іпсіџае. Тогда у вас никогда не будет проблем с тем, что 
файлы вставляются по нескольку раз. 








Инструкции гедите и гедиге_опсе 


Потенциальная проблема, возникающая при использовании инструкций іпс1иае 
и іпс1иде опсе, состоит в том, что для вставки нужного файла РНР предпримет 
всего одну попытку. Выполнение программы продолжится даже в том случае, если 
файл не будет найден. 
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Когда вставка файла имеет принципиальную важность, его нужно затребовать, то 
есть применить инструкцию геди1ге. По тем же причинам, которые излагались при 
рассмотрении использования инструкции 4пс1иае_опсе, я рекомендую, чтобы вы, 
когда нужно затребовать файл, придерживались главным образом использования 
инструкции геди1ге_опсе (пример 5.8). 


Пример 5.8. Однократное востребование файла РНР 


<?рһр 
геди1ге_опсе "1ірғагу.рһр"; 


// Сюда помещается ваш код 
?> 


Совместимость версий РНР 


РНР продолжает совершенствоваться и существует в нескольких версиях. Если нуж- 
но проверить доступность в вашем коде какой-нибудь конкретной функции, можно 
воспользоваться функцией Ғипсёіоп_ехіѕ+ѕ, которая проверяет все предопределен- 
ные и созданные пользователем функции. 


В примере 5.9 проверяется доступность функции аггау_сотЬ1пе, которая имеется 
в РНР версии 5. 


Пример 5.9. Проверка существования функции 


<?рһр 
1+ (Ғипсбіоп_ехіѕ5("аггау сотбіпе")) 


{ 
} 


е1 зе 


{ 
} 


?> 


есһо "Функция существует"; 


есһо "Функция не существует, желательно создать ее самостоятельно"; 


Добавив подобный код, можно воспользоваться любыми функциональными воз- 
можностями, имеющимися в новых версиях РНР, которые вам придется смодели- 
ровать, если нужно будет, чтобы ваш код работал и в более ранних версиях. Ваши 
функции могут работать медленнее встроенных, но код по крайней мере будет 
обладать более широкой переносимостью. 


Чтобы определить версию РНР, под которой запущен ваш код, можно также вос- 
пользоваться функцией рһруегѕіоп. Возвращаемый результат в зависимости от 
версии будет иметь следующий вид: 


5.5.38 
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Объекты РНР 


Практически так же, как применение функций стало фактором существенного 
увеличения эффективности программирования на заре развития вычислитель- 
ной техники (когда лучшим из доступных средств программной навигации порой 
была самая элементарная инструкция 60ТО или 60508), обоектно-ориентированное 
программирование (ООП) подняло использование функций на совершенно новый 
уровень. 


Как только у вас появится навык сведения повторно используемых фрагментов 
кода в функции, останется сделать еще один небольшой шаг и присмотреться 
к связыванию функций и данных, которыми они оперируют, в объекты. 


Рассмотрим сайт социальной сети, состоящий из множества различных частей. 
Одна из таких частей управляет всеми пользовательскими функциями: ее код по- 
зволяет новым пользователям зарегистрироваться, а уже зарегистрированным — 
изменить свои личные данные. В стандартном РНР можно создать для управления 
всеми этими действиями ряд функций и встроить несколько вызовов к базе данных 
МУЗОТ, чтобы ввести данные по всем пользователям. 


А теперь вообразите, насколько проще будет создать объект, представляющий 
текущего пользователя. Для этого можно создать класс по имени Оѕег, в котором 
будут содержаться весь код, необходимый для обслуживания пользователей, и все 
переменные, требующиеся для работы с данными внутри класса. Затем, когда по- 
надобится управлять пользовательскими данными, можно будет просто создать 
новый объект класса Џѕег. 


Этот новый объект можно будет рассматривать в качестве настоящего пользова- 
теля. Например, объекту можно передать имя, пароль и адрес электронной почты, 
спросить его о том, существует ли уже такой пользователь, и если нет, заставить 
его создать нового пользователя с данными атрибутами. Можно даже иметь объект 
мгновенных сообщений или объект, позволяющий учитывать дружеские отноше- 
ния между двумя пользователями. 


Терминология 


При создании программы, рассчитанной на использование объектов, нужно скон- 
струировать некую совокупность данных и кода, называемую классом. Каждый 
новый объект, основанный на этом классе, называется экземпляром (или случаем 
употребления) этого класса. 


Данные, связанные с объектом, называются его свойствами, а используемые им 
функции — методами. При определении класса задаются имена его свойств и код 
для его методов. На рис. 5.3 приведен метафорический пример объекта в виде 
музыкального автомата. Компакт-диски в его карусели можно рассматривать 
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в качестве его свойств, а метод их проигрывания заключается в нажатии кнопки на 
передней панели. Есть также щель для опускания монет (метод, используемый для 
активизации объекта) и устройство чтения компакт-дисков (метод, используемый 
для извлечения музыки, или свойств, с компакт-дисков). 





Рис. 5.3. Музыкальный автомат как подходящий пример автономного объекта 


При создании объектов предпочтительно воспользоваться инкапсуляцией ИЛИ 
создавать класс таким образом, чтобы с его свойствами могли работать только его 
собственные методы. Иными словами, нужно запретить внешнему коду непосред- 
ственный доступ к данным объекта. Предоставляемые объектом методы известны 
как интерфейс объекта. 


Такой подход упрощает отладку: дефектный код придется исправлять только 
в пределах класса. 


Кроме того, когда нужно будет обновить программу, при использовании надле- 
жащей инкапсуляции и поддержке одинакового интерфейса можно будет просто 
разработать новые классы для замены старых, полностью их отладить, а затем за- 
менить ими старые классы. Если они будут в чем-то неработоспособными, можно 
будет вернуть назад старые классы для немедленного устранения проблемы перед 
дальнейшей отладкой новых классов. 


Как только класс будет создан, может выясниться, что нужен еще один, похожий на 
него, но все же несколько отличающийся класс. Быстрее и проще всего будет опре- 
делить новый класс, воспользовавшись наследованием. При этом ваш новый класс 
сохранит все свойства, присущие тому классу, чьим наследником он является. 
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Исходный класс теперь будет называться суперклассом, а новый класс — подклас- 
сом (или производным классом). 


Вернемся к примеру с музыкальным автоматом. Если вы изобретаете новый музы- 
кальный автомат, который наряду с музыкой может воспроизводить и видеоклипы, 
то можете сохранить все свойства и методы исходного музыкального автомата и до- 
бавить несколько новых свойств (видеоклипов) и новых методов (видеоплееров). 


Существенным преимуществом этой системы является то, что, если вы увеличили 
скорость работы или улучшили другие аспекты работы суперкласса, его подклассы 
пользуются теми же самыми усовершенствованиями. 


Объявление класса 


Перед тем как получить возможность использования объекта, нужно определить 
класс с помощью ключевого слова с1аѕѕ. Определение класса включает в себя имя 
класса (чувствительное к регистру букв), его свойства и методы. В примере 5.10 да- 
ется определение класса Цзег, имеющего два свойства: $пате и фраѕѕмога (которые 
обозначены ключевым словом рир1іс — см. подраздел «Область видимости свойств 
и методов» данного раздела). В нем также создается новый экземпляр этого класса 
(по имени $о63ес*). 


Пример 5.10. Объявление класса и проверка объекта 


<?рһр 
$об]есЕ = пем Џѕег; 
ргіпё е ($објес+); 


с1а55 Оѕег { 
риь1іс $пате, Фраѕѕмога; 


Ғипс+іоп ѕаме иѕег() 


{ 


есһо "Сюда помещается код, сохраняющий данные пользователя"; 


} 
} 


?> 


Здесь также задействована поистине бесценная функция под названием рг1п*_г. 
Она требует от РНР отобразить информацию о переменной в удобной для вос- 
приятия человеком форме, о чем говорит элемент _г в ее имени (означающий 
геадае — «читаемый»). Для нового объекта фобјес+ эта функция выводит следу- 
ющую информацию: 


Узег ОБЗес* 

( 
[пате] => 
[раѕѕмога] => 


) 
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Но браузер сжимает все пустые пространства, поэтому выводимая в нем информа- 
ция читается немного сложнее: 


У5ег ОБјес+ ( [пате] => [раѕѕмога] => ) 


В любом случае выведенная информация свидетельствует о том, что $објесї явля- 
ется объектом, определенным пользователем, и содержит свойства пате и раѕѕмога. 


Создание объекта 


Для создания объекта определенного класса используется ключевое слово пем, при- 
меняемое в выражении: $объект = пен Класс. Вот два способа создания объектов: 


$орјесї = пем Џѕег; 
$%етр = пем Џѕег('пате', 'раѕѕмога'); 


В первой строке мы просто назначаем объект классу Оѕег. А во второй строке пере- 
даем вызову параметры. 


Класс может требовать или запрещать аргументы; он также может разрешать 
аргументы без их явного востребования. 


Доступ к объектам 


Добавим к примеру 5.10 еще несколько строк и проверим результаты. В примере 5.11 
предыдущий код расширяется за счет установки свойств объекта и вызова метода. 


Пример 5.11. Создание объекта и взаимодействие с ним 


<?рһр 
$објесї = пем Оѕег; 
ргіпё г(Фобјесї); есһо "<бг>"; 


$објесї->пате = "Зое"; 
$објес+->раѕѕмога = "тураѕ5"; 
ргіпё г(Фобјесї); есһо "<бг>"; 


$објес+->ѕаме иѕег(); 


с1аѕ5 Цзег { 
риБ1іс $пате, Фраѕѕмога; 


Ғипсбіоп ѕаме иѕег() 


{ 


есһо "Сюда помещается код, сохраняющий данные пользователя"; 


} 
} 


?> 


Из примера видно, что для доступа к свойству объекта используется следу- 
ющий синтаксис: $объект- > свойство. Похожим образом можно вызвать и метод: 
$объект- >метод (). 
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Можно было заметить, что перед именами свойств и методов отсутствуют символы 
доллара ($). Если на первой позиции имен поставить символ $, то код не будет рабо- 
тать, поскольку он попробует обратиться к значению, хранящемуся в переменной. 
Например, выражение $о6ес*->$ргорегеу будет пытаться найти значение, при- 
своенное переменной по имени $ргорег\у (скажем, это значение является строкой 
бгоип), а затем обратиться к свойству Фобјес - ›>ргомп. Если переменная $ргорег+у 
не определена, то будет предпринята попытка обратиться к свойству Фобјесі- >МОШ, 
что спровоцирует возникновение ошибки. 


Если организовать просмотр, используя имеющееся в браузере средство для про- 
смотра исходного кода, то код примера 5.11 выведет следующую информацию: 


Узег ОБјес+ 
( 


[пате] => 
[раѕѕмога] => 


) 
Оѕег ОБјес+ 


( 
[пате] => Јое 
[раѕѕмогӣа] => тураѕѕ 


) 


Сюда помещается код, сохраняющий данные пользователя 


Здесь также используется функция рг1п*_г, которая предоставляет содержимое 
переменной $о63ес+ до и после присваивания свойству значения. В дальнейшем 
я не стану использовать инструкцию рг1п*_г, но, если материал этой книги будет 
прорабатываться на вашем разработочном сервере, вы сможете поместить в код 
несколько таких инструкций, чтобы иметь полное представление о том, что про- 
исходит. 


Можно также было заметить, что благодаря вызову метода заме_изег был вы- 
полнен код этого метода, который вывел строку, напоминающую о происходящем. 








Определения функций и классов можно помещать в любое место вашего кода, 
до или после инструкций, в которых они используются. Но правилом хорошего 
тона считается помещать их ближе к концу файла. 








Клонирование объектов 


Если объект уже создан, то в качестве параметра он передается по ссылке. Если вер- 
нуться к примеру со спичечным коробком, то это похоже на привязывание сразу 
нескольких ниток к объекту, хранящемуся в коробке, что позволяет получить 
к нему доступ, следуя по любой из привязанных ниток. 


Иными словами, присваивание объектов не приводит к их полному копиро- 
ванию. 
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Как это работает, показано в примере 5.12, где определяется очень простой поль- 
зовательский класс Узег, который не имеет методов и содержит всего лишь одно 
свойство папе. 


Пример 5.12. Копирование объекта 


<?рһр 
$објес+1 = пем Цзег(); 
$објес+1->паме = "А11се"; 
$објес+2 = $објес+1; 


$објес+2->паме = "Ату"; 


есһо "објесі1 пате = " . $објес+1->паме . "<6г>"; 
есһо "објесі2 пате = " . $објес+2->пате; 
с1аѕ5 Цзег 


риб11с $пате; 


} 


?> 


Мы создали объект $објес+1 и присвоили свойству пате значение А11се. Затем соз- 
дали $објес+2, присвоили ему значение $објес+1 и присвоили значение Ату не- 
посредственно свойству пате объекта фобјес+2 — или подумали, что присвоили. 
Но этот код выдаст следующую информацию: 


објес+1 пате = Ату 
оБјес+2 пате = Ату 


Что же произошло? И $објес+1, и $објес+2 ссылаются на один и тот же объект, 
поэтому изменение свойства пате, принадлежащего $06] ес{2, на Ату устанавливает 
такое же значение и для свойства, принадлежащего фобјес+1. 


Во избежание подобной путаницы следует использовать инструкцию с1опе, которая 
создает новый экземпляр класса и копирует значения свойств из исходного класса 
в новый экземпляр. Применение этой инструкции показано в примере 5.13. 


Пример 5.13. Клонирование объекта 


<?рһр 
$објес+1 = пем Џѕег(); 
$објес+1->паме = "А1ісе"; 
$објес+2 = с1опе $објес+1; 
$објес+2->паме = "Ату"; 
есһо "објесі1 пате = " . $објес+1->паме . "<6г>"; 
есһо "објесі2 пате = " . $објес+2->пате; 


с1аѕ5 Оѕег 


риб11с $пате; 


} 


?> 
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Вот и все. Этот код выдает то, что нам требовалось получить с самого начала: 


објесі1 пате = А11се 
објесі2 пате = Ату 


Конструкторы 


При создании нового объекта вызываемому классу можно передать перечень аргу- 
ментов. Они передаются специальному методу внутри класса, который называется 
конструктором и занимается инициализацией различных свойств. 


Для этого используется функция по имени __сопѕёгис+ (то есть перед сопзгис& 
ставятся два символа подчеркивания), как в примере 5.14. 


Пример 5.14. Создание метода-конструктора 


<?рһр 
с1аѕѕ Цзег 


{ 


ФипсЕ1оп _сопѕігисЁ (Фрагат1, Фрагат2) 


// Сюда помещаются инструкции конструктора 
риб11с Физегпаме = "бие$*"; 


} 
} 


?> 


Деструкторы 


Имеется также возможность создания методов-деструкторов. Она подходит для 
тех случаев, когда код ссылается на объект в последний раз или когда сценарий 
подошел к концу. В примере 5.15 показано, как создается метод-деструктор. 
Деструктор может выполнять очистку, например сбросить подключение к базе 
данных или к каким-нибудь другим ресурсам, зарезервированным в классе. 
Поскольку ресурсы резервируются внутри класса, их высвобождение должно 
происходить здесь же, или они будут удерживаться до бесконечности. Когда про- 
грамма резервирует ресурсы и забывает их высвободить, возникают проблемы 
общесистемного характера. 


Пример 5.15. Создание метода-деструктора 


<?рһр 
с1аѕ5 Цзег 


{ 


Ғипсбіоп _еѕёгис+() 


{ 


} 
} 


?> 


// Сюда помещается код деструктора 
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Написание методов 


Как видите, объявление метода похоже на объявление функции, но есть некоторые 
отличия. Например, имена методов, начинающиеся с двойного подчеркивания (__), 
являются зарезервированными словами, и вы не должны больше создавать ничего 
подобного. 


Кроме того, существует специальная переменная $4115, которая может использо- 
ваться для доступа к свойствам текущего объекта. Чтобы понять, как это работает, 
посмотрите на код примера 5.16, содержащий еще один метод из определения 
класса Оѕег, который называется ре раѕѕмога. 


Пример 5.16. Использование в методе переменной $ћіѕ 


<?рһр 
с1аѕ5 Оѕег 


{ 


риб11с $пате, Фраѕѕмога; 


Ғипсбіоп ре раѕѕмога() 


{ 


геъигп $һћіѕ->раѕѕмога; 


} 
} 


?> 


Метод получения пароля — ве _раѕѕмога — применяет переменную $411$ для 
доступа к текущему объекту, а затем возвращает значение свойства раѕѕмога, при- 
надлежащего этому объекту. Обратите внимание на то, как при использовании 
оператора -> в имени свойства фраѕѕмога опускается первый символ $. Если оста- 
вить его на прежнем месте, особенно при первом применении этого свойства, будет 
допущена весьма типичная ошибка. 


Класс, определенный в примере 5.16, нужно использовать следующим образом: 


$орјесії = пем Узег; 
$орјесї->раѕѕмога = "ѕесгеї"; 


есһо $објесі->реі раѕѕмога(); 


Этот код выводит пароль ѕесгеї. 


Объявление свойств 


В явном объявлении свойств внутри классов нет необходимости, поскольку они 
могут быть определены неявным образом при первом же их использовании. Для ил- 
люстрации этой особенности класс Узег в примере 5.17 не имеет ни свойств, ни ме- 
тодов, но при этом в коде его определения нет ничего противозаконного. 
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Пример 5.17. Неявное объявление свойства 


<?рһр 
$орјес+1 = пем Цзег(); 
$објес+1->паме = "А11се"; 


есһо $објесі1->пате; 


с1аѕ55 Цзег {} 
?> 


Этот код вполне корректно и без проблем выведет строку А11се, поскольку РНР 
неявным образом объявит для вас свойство $06 ес+1->пате. Но такой стиль про- 
граммирования может привести к ошибкам, найти которые будет невероятно 
трудно, поскольку свойство пате было объявлено за пределами класса. 


Чтобы не создавать трудностей ни себе, ни тому, кто впоследствии будет обслужи- 
вать ваш код, я советую выработать привычку всегда объявлять свойства внутри 
класса в явном виде. И поверьте, вы об этом никогда не пожалеете. 


К тому же, когда свойство объявляется внутри класса, ему можно присвоить зна- 
чение по умолчанию. Используемое вами значение должно быть константой, а не 
результатом вызова функции или вычисления выражения. Несколько допустимых 
и недопустимых присваиваний показано в примере 5.18. 


Пример 5.18. Допустимые и недопустимые объявления свойств 


<?рһр 
с1аѕѕ Тез 
{ 
риб11с $пате = "Раи1 $40"; // Допустимое 
риб11с $аве 2242: // Допустимое 
риб11с $Е1те = +іте(); // Недопустимое — вызывает функцию 
риб11с $ѕсоге = $1еу\е1 * 2; // Недопустимое — использует выражение 
} 
?> 


Объявление констант 


По аналогии с созданием глобальных констант внутри определения функций мож- 
но определять константы и внутри классов. Чтобы константы выделялись на общем 
фоне, обычно для их имен используют буквы верхнего регистра (пример 5.19). 


Пример 5.19. Определение констант внутри класса 


<?рһр 
Тгапѕ1аќе: :1оокир(); 


с1аѕ5 Тгапѕ1а+е 


{ 


сопѕЁ ЕМСІІЅН = 0; 
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} 


?> 


соп${ ЅРАМІЅН = 1; 
сопѕ& ЕКЕМСН = 2; 
соп5{ СЕВМАМ = 3 
аен 


› 


зфаф1с Ғипс+іоп 1оокир() 


есһо ѕе1ғ: : ЗРАМТЗН; 
} 


К константам можно обращаться напрямую, с помощью ключевого слова ѕе1+ 
и оператора двойного двоеточия. Обратите внимание на то, что этот код, в первой 
строке которого используется оператор двойного двоеточия, вызывает класс напря- 
мую, без предварительного создания его экземпляра. Как и ожидалось, значение, 
выводимое при запуске этого кода на выполнение, будет равно 1. 


Запомните, что константа после ее определения не может быть изменена. 


Область видимости свойств и методов 


РНР предоставляет три ключевых слова для управления областью видимости 
свойств и методов (элементов). 


О 





риб1іс (открытые). На открытые элементы можно ссылаться откуда угодно, 
включая другие классы и экземпляры объекта. Свойства с этой областью ви- 
димости получаются по умолчанию при объявлении переменной с помощью 
ключевых слов маг или риб11с или когда переменная объявляется неявно при 
первом же ее использовании. 


Ключевые слова маг и риб11с являются взаимозаменяемыми. Хотя сейчас ис- 
пользование уаг не приветствуется, оно сохранено для совместимости с преды- 
дущими версиями РНР. Методы считаются открытыми по умолчанию. 


ргофесфеа (защищенные). На эти элементы можно ссылаться только через при- 
надлежащие объектам методы класса и такие же методы любых подклассов. 


ргіуа+е (закрытые). К представителям класса с этой областью видимости 
можно обращаться через методы этого же класса, но не через методы его под- 
классов. 


Решение о том, какую область видимости применить, принимается на основе сле- 
дующих положений: 


О 


открытую (риб11с) область видимости следует применять, когда к представите- 
лю класса нужен доступ из внешнего кода и когда расширенные классы должны 
его наследовать; 

защищенную (ргофесееа) область видимости необходимо использовать, когда 


к представителю класса не должно быть доступа из внешнего кода, но расши- 
ренные классы все же должны его наследовать; 
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О закрытую (рг4уа\е) область видимости следует применять, когда к представи- 
телю класса не должно быть доступа из внешнего кода и когда расширенные 
классы не должны его наследовать. 


Применение этих ключевых слов показано в примере 5.20. 


Пример 5.20. Изменение области видимости свойства и метода 


<?рһр 
с1аѕ5 Ехатр1е 
{ 
уүаг $паше = "Місһае1"; // Нерекомендуемая форма, аналогичная риб11с 
риб11с $аре = 23; // Открытое свойство 
ргофесфеа $иѕегсоип+; // Защищенное свойство 


рг1уаЕе Ғипсёіоп адт1п() // Закрытый метод 


// Сюда помещается код метода адт1п 


} 
} 


?> 


Статические методы 


Метод можно определить в качестве статического, ѕ&а+іс, что будет означать, что 
он вызывается классом, а не объектом. Статический метод не имеет доступа к свой- 
ствам объекта. Порядок его создания и доступа к нему показан в примере 5.21. 


Пример 5.21. Создание статического метода и обращение к нему 


<?рһр 
Оѕег: :рма ѕ&гіпе(); 


с1аѕ5 Цзег 


{ 


эфаф1с Ғипс&іоп рма ѕ+гіпе() 


{ 


есһо "Пожалуйста, введите ваш пароль"; 


} 
} 


?> 


Обратите внимание на вызов самого класса со статическим методом, при котором 
используется двойное двоеточие (также известное как оператор разрешения обла- 
сти видимости), а не сочетание символов ->. Статические функции применяются 
для выполнения действий, относящихся к самому классу, а не к конкретным эк- 
земплярам класса. В примере 5.19 можно увидеть еще один вариант применения 
статического метода. 








При попытке получить доступ из статической функции к свойству текущего объ- 
екта с помощью выражения $ 5->ргореку или обратиться к другим свойствам 
объекта будет получено сообщение об ошибке. 
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Статические свойства 


Большинство данных и методов применяются в экземплярах класса. Например, 
в классе Оѕег следует установить конкретный пароль пользователя или проверить, 
когда пользователь был зарегистрирован. Эти факты и операции имеют особое 
отношение к каждому конкретному пользователю и поэтому применяют специ- 
фические для экземпляра свойства и методы. 


Но время от времени возникает потребность обслуживать данные, относящиеся 
целиком ко всему классу. Например, для отчета о том, сколько пользователей заре- 
гистрировалось, будет храниться переменная, имеющая отношение ко всему классу 
Узег. Для таких данных РНР предоставляет статические свойства и методы. 


В примере 5.21 было показано, что объявление представителей класса статически- 
ми делает их доступными и без создания экземпляров класса. Свойство, объявлен- 
ное статическим, 5+а%1с, не может быть доступно непосредственно из экземпляра 
класса, но может быть доступно из статического метода. 


В примере 5.22 определяется класс по имени Теѕї, в котором содержатся статиче- 
ское свойство и открытый метод. 


Пример 5.22. Определение класса со статическим свойством 
<?рһр 
$Фетр = пем Теѕ+(); 


есһо "Тест А: . Теѕ::%5+аіс ргорегіу . "<6г>"; 
есһо "Тест Б: " . $ёетр->ве+ ѕр() "Б>": 
есһо "Тест В: " . Фёетр->ѕ%а+іс ргорегіу . "<6г>"; 


с1аѕ5 Тез 
$фа{1с $51+атіс ргорег+у = "Это статическое свойство"; 


Ғипсбіоп вее_$р() 


{ 


} 
} 


?> 


гефигп ѕе1#: :$5+а+іс ргорег+у; 


Когда код будет запущен на выполнение, он выдаст следующую информацию: 


Тест А: Это статическое свойство 
Тест Б: Это статическое свойство 


М№оёісе: Џпае+іпеа ргорег+у: Теѕі: :$ѕ+аіс ргорег+у 
Тест В: 


В этом примере показано, что на свойство фѕ+аёіс ргорегёу можно ссылаться 
напрямую из самого класса, используя в тесте А оператор двойного двоеточия. 
Тест Б также может получить его значение путем вызова метода ве _ѕр объекта 
фетр, созданного из класса Теѕї. Но тест В терпит неудачу, потому что статическое 
свойство $ѕ+аёіс ргорег+у недоступно объекту фетр. 
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Обратите внимание на то, как метод ве _ѕр получает доступ к свойству $5 а1с_ 
ргорегу, используя ключевое слово 5е1+. Именно таким способом можно полу- 
чить непосредственный доступ к статическому свойству или константе внутри 
класса. 


Наследование 


Как только класс будет создан, из него можно будет получить подкласс. Это сэконо- 
мит массу времени: вместо скрупулезного переписывания кода можно будет взять 
класс, похожий на тот, который следует создать, распространить его на подкласс 
и просто внести изменения в те места, которые будут иметь характерные особен- 
ности. Это достигается за счет использования ключевого слова ехёепӣѕ. 


В примере 5.23 класс ѕирѕсгірег объявляется подклассом Узег путем использова- 
ния инструкции ех*епа$. 


Пример 5.23. Наследование и распространение класса 


<?рһр 
$орјесі = пем Ѕ5ибѕсгірег; 
$орјес+->пате = "Ргед"; 
$објесі->раѕѕмога = "рмога"; 
$орјес+->рһопе = "012 345 6789"; 
$орјес+- >етаі1 = "Ғгеа@б1ореѕ. сот"; 


$објесї->аіѕр1ау(); 

с1аѕѕ Цзег 
риь1іс $пате, Фраѕѕмога; 
Ғипс+іоп ѕаме иѕег() 


есһо "Сюда помещается код, сохраняющий данные пользователя"; 


} 
} 


с1аѕ5 Ѕибѕсгірег ехепаѕ Оѕег 
риб11с $рһопе, $ета11; 


Ғипсёіоп аіѕр1ау() 


{ 
есһо "Мате: " . $+һ15->пате г "Бр>"; 
есһо "Раѕ5: " . $&һіѕ->раѕѕмога . "<бг>"; 
есһо "Рһопе: " . $&һіѕ->рһопе А о РЫН 
есһо "Ета11: " . $%11$->ета11; 
} 
} 


?> 


У исходного класса Узег имеются два свойства — $пате и $раѕѕмога, а также метод 
для сохранения данных текущего пользователя в базе данных. Подкласс ѕирѕсгірег 
расширяет этот класс за счет добавления еще двух свойств — $рПопе и $етаі1 и вклю- 
чения метода, отображающего свойства текущего объекта, который использует 
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переменную $+һіѕ. Данная переменная ссылается на текущее значение объекта, 
к которому осуществляется доступ. Этот код выведет следующую информацию: 


Мате: Егеа 

Ра$$: рмога 

Рһопе: 012 345 6789 
Ета11: +ге9@61055$ . сот 


Ключевое слово рагепі 


Когда в подклассе создается метод с именем, которое уже фигурирует в его ро- 
дительском классе, его инструкции переписывают инструкции из родительского 
класса. Иногда такое поведение идет вразрез с вашими желаниями, и вам нужно 
получить доступ к родительскому методу. Для этого можно воспользоваться ин- 
струкцией рагепё, которая показана в примере 5.24. 


Пример 5.24. Переписывание метода и использование инструкции рагепї 
<?рһр 

$објесї = пем Ѕоп; 

$објес+->+еѕ+(); 

$објес+->+еѕ+2(); 


с1аѕ5ѕ раа 
{ 


Ғипсёіоп ёеѕ+() 


есһо "[С1а$$ раа] Я твой отец<6г>"; 


} 
} 
с1аѕ5 Ѕоп ехёепаѕ раа 
{ 
Ғипсёіоп ёеѕ+1() 
{ 
есһо "[С1аѕ5 501] Я Люк<бг>"; 
} 
Ғипсёіоп %е${2() 
{ 
рагепї: :еѕї(); 
} 
} 
?> 


Этот код создает класс по имени раа (Отец), а затем подкласс по имени $оп (Сын), 
который наследует свойства и методы родительского класса, а затем переписывает 
метод &еѕї. Поэтому, когда во второй строке кода вызывается метод +еѕї, выполня- 
ется новый метод. Единственный способ выполнения переписанного метода +е$+ 
в том варианте, в котором он существует в классе раа, заключается в использовании 
инструкции рагеп*, как показано в функции +еѕї2 класса 5оп. Этот код выведет 
следующую информацию: 
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[С1а$$ $0п] Я Люк 
[С1а$$ рай] Я твой отец 


Если нужно обеспечить вызов метода из текущего класса, можно воспользоваться 
ключевым словом $е1+: 


5е1+: : теһоа(); 


Конструкторы подкласса 


При распространении класса и объявлении собственного конструктора вы должны 
знать, что РНР не станет автоматически вызывать метод-конструктор родительского 
класса. Чтобы обеспечивалось выполнение всего кода инициализации, подкласс, как 
показано в примере 5.25, всегда должен вызывать родительские конструкторы. 


Пример 5.25. Вызов конструктора родительского класса 
<?рһр 

$објесї = пем Т1вег(): 

есһо "У тигров есть...<6г>"; 

есһо "Мех: " . Фобјесё->Ғип . "<Бг>"; 

есһо "Полосы: " . Фобјесі->ѕігіреѕ; 


с1аѕ5 Мі1аса+ 
рчЬ1іс $+иг: // У диких кошек есть мех 


ФипсЕ1оп __соп$гис* () 


{ 
$ЕН1$->+иг = "ТКУЕ"; 


} 
} 


с1а55 Тівег ехепӣѕ М№і1асаї 


{ 


рчЬ1іс $51гіреѕ; // У тигров есть полосы 


Ғипсбіоп _сопѕЁгис+() 


{ 


рагепі: :_сопѕёгис(); // Первоочередной вызов родительского конструктора 
$61$->5%&г1ре$ = "ТКОЕ"; 
} 
} 


р 


В этом примере используются обычные преимущества наследования. В классе 
№11аса* (Дикая кошка) создается свойство $+иг (мех), которое хотелось бы использо- 
вать многократно, потому мы создаем класс Т1вег (Тигр), наследующий свойство $+иг, 
и дополнительно создаем еще одно свойство — $$г1ре$ (полосы). Чтобы проверить 
вызов обоих конструкторов, программа выводит следующую информацию: 

У тигров есть... 


Мех: ТВОЕ 
Полосы: ТКИЕ 
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Методы Рипа! 


При необходимости помешать подклассу переписать метод суперкласса можно вос- 
пользоваться ключевым словом +1па1. Как это делается, показано в примере 5.26. 


Пример 5.26. Создание метода Йпа! 


<?рһр 
с1аѕ5 Оѕег 


{ 


Ғіпа1 Ғипсіоп соругієһћї() 


{ 


есһо "Этот класс был создан Джо Смитом"; 


} 
} 


?> 


Усвоив содержание этой главы, вы должны получить твердое представление о воз- 
можностях РНР. Вы сумеете без особого труда воспользоваться функциями и при 
необходимости создать объектно-ориентированный код. В главе 6 мы завершим 
изучение основ РНР и рассмотрим работу с массивами. 


Вопросы 


В чем основное преимущество, получаемое при использовании функции? 
Сколько значений может вернуть функция? 

В чем разница между доступом к переменной по имени и по ссылке? 

Что в РНР означает термин «область видимости»? 

Как можно включить один файл РНР в другой? 

Чем объект отличается от функции? 

Как в РНР создаются новые объекты? 

Какой синтаксис используется для создания подкласса из существующего класса? 


Как можно заставить объект проинициализироваться при его создании? 


о боч ау сл рухо о о 


Почему объявлять свойства внутри класса лучше явным образом? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Массивы в РНР 


В главе 3 у нас уже состоялось краткое знакомство с массивами в РНР, позволи- 
вшее составить первичное представление об их возможностях. В данной главе будет 
продемонстрирован большой арсенал приемов работы с массивами, некоторые из 
них при наличии у вас опыта работы с языками со строгой типизацией, например С, 
могут удивить своей простотой и изяществом. 


Массивы — одна из составляющих популярности РНР. Кроме того что они 
не дают умереть со скуки при создании кода для работы со сложными структура- 
ми данных, они предоставляют множество невероятно быстрых способов доступа 
к данным. 


Основные подходы 
к массивам 


Массивы уже рассматривались в виде группы склеенных вместе спичечных короб- 
ков. Их можно представить также в виде нитки бус, где бусины обозначают пере- 
менные, которые могут быть числовыми, строковыми и даже другими массивами. 
Массивы похожи на нитки бус, потому что каждый элемент имеет собственное 
место и у каждого элемента (кроме первого и последнего) с обеих сторон есть 
другие элементы. 


Часть массивов использует ссылки по числовым индексам, другая — позволяет 
работать с буквенно-цифровыми идентификаторами. Встроенные функции дают 
возможность проводить сортировку, добавлять и удалять отрезки и перебирать 
элементы для обработки каждого из них, используя специальный вид цикла. А за 
счет размещения одного или нескольких массивов внутри других массивов можно 
создавать массивы любой размерности. 
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Массивы с числовой индексацией 


Представим, что перед вами поставлена задача создать простой сайт для компа- 
нии по поставке товаров для офиса и сейчас вы ведете разработку его раздела, 
в котором предложены различные сорта бумаги. Как вариант, различные единицы 
хранения данной категории можно поместить в числовой массив, чтобы получить 
возможность управлять ими. Простейший способ реализации этого подхода по- 
казан в примере 6.1. 


Пример 6.1. Добавление элементов в массив 
<?рһр 

$рарег[] = "Соріег"; 

$рарег[] = "Іпкјеї"; 

$рарег[] = "іаѕег"; 

$рарег[] = "Рһо+о"; 


рг1п*_г($рарег); 
2> 


В этом примере при каждом присваивании массиву $рарег значения для хранения 
последнего используется первое же свободное место, а значение существующего 
в РНР внутреннего указателя увеличивается на единицу, чтобы указывать на 
свободное место, готовое для следующей вставки значения. Уже известная нам 
функция рг1п_г (которая выводит на экран содержимое переменной, массива или 
объекта) применяется для проверки правильности заполнения массива. Результат 
ее работы имеет следующий вид: 


Аггау 


( 
[9] => Соріег 
[1] => Іпкје+ 
[2] => іаѕег 
[3] => РИофо 


) 


Предыдущий код может быть написан и так, как показано в примере 6.2, где для 
каждого элемента указывается точное место в массиве. Но, как видите, такой 
подход требует набора лишних символов и усложняет обслуживание кода в том 
случае, если понадобится вставлять товары в массив или удалять их оттуда. 
Поэтому, если не нужно указывать какой-нибудь другой порядок размещения 
элементов в массиве, лучше все же позволить РНР самостоятельно заниматься 
их расстановкой. 


Пример 6.2. Добавление в массив элементов с конкретным указанием их мест 


<?рһр 
$рарег[0] = "Соріег"; 
$рарег[1] = "Іпкје+"; 
$рарег[2] = "іаѕег"; 
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$рарег[3] = "Рһо+о"; 


рг1п_г($рарег); 
?> 


Этот пример выведет такую же информацию, как и предыдущий, но на разрабаты- 
ваемом сайте вы вряд ли будете пользоваться функцией ргіпё_, поэтому в при- 
мере 6.3 показано, как с помощью цикла можно распечатать сведения о различных 
типах бумаги, предлагаемых на сайте. 


Пример 6.3. Добавление элементов в массив и извлечение их из массива 


<?рһр 
$рарег[] = "Соріег"; 
$рарег[] = "Іпкје+"; 
$рарег[] = "Ёазег"; 
$рарег[] = "Рпофо"; 


Фог ($5 =0; $5 ‹4; ++$3) 
есһо "$: $рарег[$3]<6г>"; 
?> 


Этот пример выведет следующую информацию: 


: Соріег 
ІпКкјеї 
Гаѕег 
Рһоёо 


о мн ә 


Итак, вы увидели два способа добавления элементов к массиву и один из способов 
ссылки на них, но РНР предлагает и много других способов, на которых я кратко 
остановлюсь в дальнейшем. Сначала рассмотрим другой тип массива. 


Ассоциативные массивы 


Конечно, можно отслеживать элементы массива по индексам, но тогда придется 
помнить, какой именно номер на какой товар ссылается. Кроме того, за вашим 
кодом трудно будет уследить другим программистам. 


Самое время обратиться к ассоциативным массивам. Использование этих массивов 
позволяет ссылаться на элементы массива по именам, а не по номерам. В приме- 
ре 6.4 приводится расширенная версия предыдущего кода, где каждому элементу 
массива дается имя для идентификации и более длинное и информативное стро- 
ковое значение. 


Пример 6.4. Добавление элементов к ассоциативному массиву и их извлечение 


<?рһр 
$рарег['соріег'] = "Соріег & Ми1{1ригрозе"; 
$рарег['іпкје+'] "Іпкје Рг1иег"; 
$рарег[ '1азег'] = "Гаѕег Ргіпёег"; 
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$рарег['рһоёо'] = "РпофовгарВ1с Рарег"; 


есһо $рарег['1аѕег']; 
?> 


Теперь у каждого элемента вместо числа (не содержащего никакой полезной 
информации, кроме позиции элемента в массиве) имеется уникальное имя, по 
которому на него можно сослаться где-нибудь в другом месте, как в случае с ин- 
струкцией есһо, выводящей на экран Ёазег Ргіпёег. Имена (соріег, іпкјеё и т. д.) 
называются индексами, или ключами, а присвоенные им элементы (например, Іаѕег 
Ргіпёеп) — значениями. 


Это весьма мощное свойство РНР часто применяется при извлечении информа- 
ции из кода ХМГ и НТМГ. Например, НТМГ-парсер, используемый в поисковой 
системе, может помещать все элементы веб-страницы в ассоциативный массив, 
имена которого отображают структуру страницы: 


$51 [ '1Е1е'] = "Моя веб-страница"; 
$51 [ 'боау'] "... тело веб-страницы ..."; 


Вполне вероятно, что программа разобьет все найденные на странице ссылки и по- 
местит их в другой массив, а все заголовки и подзаголовки — еще в один массив. 
При использовании ассоциативных, а не числовых массивов код, ссылающийся на 
все эти элементы, проще будет создавать и отлаживать. 


Присваивание с использованием 
ключевого слова аггау 


Мы уже видели, как элементам массива присваиваются значения путем последова- 
тельного добавления к этому массиву новых элементов. Но это слишком затянутый 
процесс, независимо от того, что при этом происходит: вы определяете ключи, 
числовые идентификаторы или позволяете РНР неявным образом заниматься 
присваиванием числовых идентификаторов. Есть более краткий и быстрый способ 
присваивания значений с использованием ключевого слова аггау. В примере 6.5 
показаны оба массива — числовой и ассоциативный, значения которым присваи- 
ваются именно этим способом. 


Пример 6.5. Добавление элементов к массиву с использованием ключевого слова аггау 


<?рһр 
$р1 = аггау("Сор1ег", "Іпкјеї", "Гаѕег", "Рһо+о"); 


есһо "Элемент массива р1: " . $р1[2] . "<6г>"; 


$р2 = аггау('соріег' => "Соріег & Ми1{1ригрозе", 
"іпкје' => "Іпкје Ргіпёег", 
"Іаѕег" => "Гаѕег Ргіпёег", 
"рһоо" => "Рһоёоргарһіс Рарег"); 


есһо "Элемент массива р2: " . $р2['іпкје'] . "<6г>"; 
2> 
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В первой части этого кодового фрагмента массиву $р1 присваивается старое, 
укороченное описание товара. Здесь используются четыре элемента, поэтому они 
занимают позиции от 0 до З. Инструкция есһо выводит следующий текст: 


Элемент массива р1: Газег 


Во второй части кода массиву $р2 присваиваются ассоциативные идентификаторы 
и сопутствующие им длинные описания товаров. Для этого применяется формат 
индекс => значение. Применение оператора => похоже на использование простого 
оператора присваивания =, за исключением того, что значение присваивается ин- 
дексу, а не переменной. После этого индекс приобретает неразрывную связь с этим 
значением до тех пор, пока ему не будет присвоено другое значение. Поэтому коман- 
да еспо выводит следующий текст: 


Элемент массива р2: Тикуее Ргіпёег 


В том, что $р1 и $р2 принадлежат к разным типам массивов, можно убедиться, если 
вставить в код две следующие команды, вызывающие ошибку неопределенного ин- 
декса или ошибку неопределенного смещения, поскольку для каждого из массивов 
используется неподходящий идентификатор: 


есһо $р1['іпкјеё']; // Неопределенный индекс 
есһо $р2['3']; // Неопределенное смещение 


Цикл Гогеасй...а$ 


Создатели РНР постарались сделать этот язык простым в использовании. Поэтому 
они не остановились на уже имеющихся структурах организации цикла, а добавили еще 
одну структуру, специально предназначенную для массивов, — цикл Ғогеасћ...аѕ. 
Используя этот цикл, можно поочередно перебрать все элементы массива и произ- 
вести с ними какие-нибудь действия. 


Процесс начинается с первого элемента и заканчивается последним, поэтому вам 
даже не нужно знать, сколько элементов присутствует в массиве. 


В примере 6.6 показано, как цикл #огеасћ...аѕ может использоваться для пере- 
писывания кода примера 6.3. 


Пример 6.6. Последовательный перебор элементов числового массива с использованием цикла 
Ғогеасћ...аѕ 
<?рһр 

$рарег = аггау("Сор1ег", "Іпкје", "Гаѕег", "Рһо+о"); 

$] = 6; 


Ғогеасһ ($рарег аз $14ет) 


{ 
есһо "$3: $14ет«бг>"; 
++$9; 

} 


?> 


158 Главаб • Массивы в РНР 





Когда РНР встречает инструкцию +огеасй, он извлекает первый элемент массива 
и помещает его значение в переменную, указанную после ключевого слова аз, и при 
каждом возвращении управления инструкции +огеасй в эту переменную помеща- 
ется значение следующего элемента массива. В данном случае переменной $1%ет 
присваиваются по очереди все четыре значения, хранящиеся в массиве $рарег. 
Как только будут использованы все значения, выполнение цикла завершается. 
Этот код выводит точно такую же информацию, что и код примера 6.3. 


Теперь посмотрим, как Фогеасй работает с ассоциативным массивом. В примере 6.7 
переписана вторая часть примера 6.5. 


Пример 6.7. Последовательный перебор элементов ассоциативного массива 
с использованием цикла Гогеасн...а$ 
<?рһр 
$рарег = аггау('соріег' => "Соріег & Ми1{1ригрозе", 
"1 => "Іпкје Ргіпег", 
"Іаѕег => "Гаѕег Ргіпёег", 
=> "Рһоёоргарһіс Рарег"); 


Ғогеасһ ($рарег аз $14ет => $аеѕсгірііоп) 
есһо "$1%ет: $деѕсгірёіоп<бг»"; 
?> 


Вспомним, что ассоциативным массивам не требуются числовые индексы, поэтому 
переменная %ј в данном примере не используется. Вместо этого каждый элемент 
массива $рарег вводится в пару «ключ — значение», представленную переменными 
$ітет и $деѕсгір+іоп, из которых эта пара выводится на экран в следующем виде: 
соріег: Соріег & Ми1+іригроѕе 

іпкје: Іпкјеї Ргіпёег 


1аѕег: Іаѕег Ргіпёег 
рһоёо: Рһоёоргарһіс Рарег 


В качестве альтернативы синтаксису Ғогеасһ. . .аѕ можно воспользоваться функ- 
цией 115+ в сочетании с функцией еасһ (пример 6.8). 


Пример 6.8. Последовательный перебор элементов ассоциативного массива с помощью 
функций еасй и 15 
<?рһр 
$рарег = аггау('соріег' => "Соріег & Ми1{1ригрозе", 
"іпкје' => "Іпкје Ргіпёег", 
"Іаѕег" => "Гаѕег Ргіпёег", 
"рһоо" => "Рһоёоргарһіс Рарег"); 


мһі1е (1151($іет, $аеѕсгірёіоп) = еасһ($рарег)) 
есһо "$1%ет: $деѕсгірёіоп<бг»"; 
?> 


В этом примере организуется цикл мһі1е, который будет продолжать работу до 
тех пор, пока функция еасһ не вернет значение РАЕЗЕ. Функция еасћһ ведет себя 
как Ғопеасһ: она возвращает из массива $рарег массив, содержащий пару «ключ — 
значение», а затем перемещает встроенный указатель на следующую пару в ис- 
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ходном массиве. Когда возвращать становится нечего, функция еасһ возвращает 
значение РАЁЗЕ. 


Функция 115+ в качестве аргументов принимает массив (в данном случае пару 
«ключ — значение», возвращенную функцией еасН), а затем присваивает значения 
массива переменным, перечисленным внутри круглых скобок. 


Лучше понять работу функции 1154 можно из примера 6.9, где массив создается из 
двух строк — А11се и Вор, а затем передается функции 115+, которая присваивает 
эти строки переменным $а и $6. 


Пример 6.9. Использование функции Іі 


<?рһр 
11514($а, $6) = аггау('А11се', 'ВоБ'); 
есһо "а=фа 6=$6"; 

?> 


Этот код выводит следующий текст: 


а=А11се Б=ВоБ 


Итак, для перебора элементов массива можно применять различные подходы. 
Можно воспользоваться конструкцией +огеасй. . .аѕ для создания цикла, извлека- 
ющего значения в переменную, которая следует за аз, или функцией еасһ и создать 
собственную систему циклической обработки. 


Многомерные массивы 


Простая конструктивная особенность синтаксиса массивов РНР позволяет созда- 
вать массивы более чем с одним измерением. Фактически можно создавать массивы 
любой размерности (хотя приложения редко нуждаются в массивах с размерностью 
больше трех). 


Эта особенность заключается в возможности включать целый массив в состав 
другого массива, а также делать это снова и снова, как в старом стишке про блох, 
которых кусают другие блохи поменьше, а тех, в свою очередь, кусают свои блохи, 
и так до бесконечности. 


Рассмотрим, как это работает, для чего возьмем ассоциативный массив из преды- 
дущего примера и расширим его (пример 6.10). 


Пример 6.10. Создание многомерного ассоциативного массива 


<?рһр 
$ргоӣисіѕ = аггау( 


"рарег' => аггау( 


'сор1ег' => "Соріег & Ми1+іригроѕе", 
"іпкје' => "Іпкје Ргіпёег", 
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']азег' => "Г азег Ргіп+ег", 
'ррофо' => "Рһоёоргарһіс Рарег"), 


"репѕ' => аггау( 
'Ба11'’ => "Ва11 Ро1п*", 
"Һі11бе' => "Н1111еИег5", 


'тагкег’ => "МагКег$"), 


"міѕс' => аггау( 


'{аре' => "Ѕїіску Таре", 
'=1ие' => "Адһеѕімеѕ", 
'с11р$' => "Рарегс1ірѕ" 


) 
); 


есһо "‹рге>"; 


Ғогеасһ ($ргоӣис+ѕ аз $зесЕ1оп => $і+етѕ) 
Ғогеасһ ($і+етѕ аз $Кеу => $уа1ие) 
есһо "$зесЕ1оп: \$Кеу\+ ($уа1ие)<6г>"; 


есһо "</рге>"; 
?> 


Чтобы упростить понимание начинающего разрастаться кода, я переименовал 
часть элементов. Например, поскольку предыдущий массив $рарег стал лишь под- 
разделом более крупного массива, главный массив теперь называется $ргоӣис+ѕ. 
В этом массиве присутствуют три элемента: бумага — рарег, ручки — репѕ и раз- 
ные товары — тіѕс, и каждый из них содержит другой массив, состоящий из пар 
«ключ — значение». 


При необходимости эти подмассивы могут содержать другие массивы. Например, 
элемент шариковые ручки — Ба11 — может содержать множество типовых и цвето- 
вых решений этого товара, имеющихся в интернет-магазине. Но пока я ограничил 
код глубиной в два измерения. 


После присваивания массивам данных для вывода различных значений я вос- 
пользовался парой вложенных циклов Ғогеасһ...аѕ. Внешний цикл извлекает 
из верхнего уровня массива основные разделы, а внутренний цикл извлекает для 
категорий в каждом разделе пары «ключ — значение». 


Если вспомнить, что все уровни массива работают одинаково (являясь парой 
«ключ — значение»), можно без особого труда создать код для доступа к любому 
элементу на любом уровне. 


В инструкции есһо используется управляющий символ РНР \+, который выводит 
знак табуляции. 


Хотя знаки табуляции для браузеров, как правило, ничего не значат, я использовал 
их в разметке, применив теги <рге>...</рге>, которые предписывают браузеру 
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форматировать текст с сохранением предварительного формата и фиксированной 
ширины и не игнорировать неотображаемые символы вроде знаков табуляции 
и переводов строки. Текст, выводимый этим кодом, будет иметь следующий вид: 
рарег: соріег (Соріег & Ми1+іригроѕе) 

рарег: іпкје+ (Іпкје+ Ргіпёег) 

рарег: 1азег (1Гаѕег Ргіпёег) 

рарег: рһоёо (Рһоёоргарһіс Рарег) 

репѕ: Ба11 (Ва11 Роіпї) 

репѕ: һі1і+е (Нірһ1івһ+егѕ) 

репѕ: тагкег (МагКег$) 

тіѕс: Жаре (5+іску Таре) 

тіѕс: р1ие (Ааһеѕіуеѕ) 

тіѕс: с1ірѕ (Рарегс11рѕ) 


Непосредственный доступ к конкретному элементу массива можно получить, до- 
бавив квадратные скобки: 


есһо $ргоаис+ѕ[ 'тіѕс']['ғ1ие']; 
Этот код выводит значение Айһеѕіуеѕ. 


Можно также создать числовой многомерный массив, непосредственный доступ 
к элементам которого можно будет получать по индексам, а не по буквенно-цифровым 
идентификаторам. В примере 6.11 создается шахматная доска с фигурами на ис- 
ходных позициях. 


Пример 6.11. Создание многомерного числового массива 


<?рһр 
$сһеѕѕбоага = аггау( 


аггау('г', "п"; 16:5 ‘а’, "К", "67:5 А5 и 
аггау('р', "р", "р", "р", "р", "р", "р", 'р’), 
аггау(' т ' ЕР ' и ! Р ' 5 ' 5 ' 5 ' ")» 
аггау(' Е | Е : Ко : Е . ый | "5 " 5, ' ”), 
аггау(' в. ' 5 ' б ' ', е ', ў то ! ', ' 122 
аггау(' Е " т | 7 8 Ш ' и ь у | о ' '), 


аггау('Р', 1Р5 РА Р 2 2 2 2 
агтау( А", "М Ве 0" "Ко еви "М еВ") 
); 


есһо "<рге>"; 
Ғогеасһ ($сһеѕѕроага аз $гом) 


Ғогеасһ ($гом аз $ріесе) 


есһо "фріесе "; 


есһо "<Бг»"; 


} 


есһо "</рге>"; 
?> 


В этом примере буквы в нижнем регистре представляют собой черные фигуры, 
а в верхнем регистре — белые. Используются следующие обозначения: г — гооК 


162 Глава 6 • Массивы в РНР 





(ладья), п — Кпіеһе (конь), 6 — Ьіѕһор (слон), к — кіпе (король), а — ачееп (ферзь) 
и р — ра\п (пешка). Для последовательного перебора массива и демонстрации 
его содержимого снова используется пара вложенных циклов Ғогеасһ...аѕ. 
Внешний цикл обрабатывает каждую горизонталь и помещает ее в переменную 
$гои, которая сама по себе является массивом, поскольку для каждой горизонтали 
массив шахматной доски — фсһеѕѕроага — задействует подмассив. В этом цикле 
используются две инструкции, поэтому они заключены в фигурные скобки. 


Внутренний цикл обрабатывает каждую клетку горизонтали, выводя хранящийся 
в ней символ (Фріесе), за которым следует пробел (чтобы выводимый текст имел 
форму шахматной доски). У этого цикла одна инструкция, которую не нужно за- 
ключать в фигурные скобки. Теги <рге> и </рге> обеспечивают правильную форму 
выводимого текста: 


гобакьтг 
РРРРРРРР 
РРРРРРРР 
КмВвВОокКвВмкК 


Используя квадратные скобки, можно получить непосредственный доступ к лю- 
бому элементу этого массива: 


есһо $сһеѕѕброаға[7][3]; 


Эта инструкция выведет букву 0 в верхнем регистре, которая является значением 
восьмого вниз по вертикали и четвертого по горизонтали элемента (следует пом- 
нить, что индексы массива начинаются с нуля, а не сединицы). 


Использование функций для работы с массивами 


С функциями 115+ и еасһ вы уже знакомы, но в РНР имеется множество других 
функций, предназначенных для работы с массивами. Их полный перечень пред- 
ставлен в документации (ћр://іпуип.сот/аггауѕіпрһр). Но некоторые из этих функ- 
ций играют настолько важную роль в программировании на РНР, что мы изучим 
их подробнее. 


15 _аггау 


Массивы и переменные используют одно и то же пространство имен. Это означает, 
что нельзя иметь строковую переменную по имени $#геа и массив, который так- 
же называется $#геа. Если есть сомнения и в коде программы нужно проверить, 
является ли переменная массивом, можно воспользоваться функцией 1$_аггау: 


есһо (15 агғау(Ф#геа)) ? "Это массив" : "Это не массив"; 


Заметьте, что переменной $+гед не присвоено никакого значения, поэтому будет 
выведено сообщение о неопределенной переменной — ЏОпае+іпеа маг1аб1е. 
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СОЧПЕ 


Несмотря на то что функция еасћ и структура организации цикла +огеасИ...а$ 
предоставляют отличные способы последовательного перебора всего содержи- 
мого массива, иногда нужно точно знать, сколько элементов содержится в вашем 
массиве, особенно если вы будете обращаться к ним напрямую. Для подсчета всех 
элементов на верхнем уровне массива используется следующая команда: 


есһо соип+ ($-+геа); 


Если нужно узнать, сколько всего элементов содержится в многомерном массиве, 
можно воспользоваться следующей инструкцией: 


есһо соип{($+геа, 1); 


Второй параметр является необязательным и устанавливает режим использования. 
Он может иметь либо нулевое значение, чтобы ограничить подсчет только верхним 
уровнем, либо единичное — для принудительного включения рекурсивного под- 
счета еще и всех элементов, содержащихся в подмассивах. 


ЅОГЇ 


Сортировка является настолько распространенной операцией, что РНР предостав- 
ляет для нее встроенную функцию. В наипростейшей форме ее можно использовать 
следующим образом: 


ѕогі(Ф#геа); 


В отличие от некоторых других функций, сортировка будет работать непосред- 
ственно с предоставленным ей массивом, а не возвращать новый массив с от- 
сортированными элементами. Вместо этого она вернет значение ТВОЕ при успешном 
выполнении сортировки и ЕАЕЗЕ — при возникновении ошибки. Эта функция под- 
держивает также несколько флагов. Основные два, которые вам могут пригодиться, 
предписывают проведение либо числовой, либо строковой сортировки: 


ѕог(Ф#геа, $ОВТ_МУМЕВТС); 
ѕогі($#геа, $ОВТ_5ТВТ№); 


Массив можно также отсортировать в обратном порядке, воспользовавшись функ- 
цией гѕогі: 


гѕог(ФҒгеа, Ѕ0АТ_ МОМЕКІС); 
гѕогі(ФҒгеа, Ѕ0АТ ЅТКІМ№С); 


ѕһи# е 


Иногда, например при создании игры или при игре в карты, требуется, чтобы эле- 
менты массива располагались в случайном порядке: 


ѕһиғ+1е($сагӣѕ); 
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Как и функция ѕоге, функция зПи1е работает непосредственно с предоставлен- 
ным ей массивом и возвращает значение ТКОЕ в случае успешного завершения 
работы и ЕАЕ$ЗЕ — при возникновении ошибки. 


ехріоае 


Это очень полезная функция, позволяющая взять строку, содержащую несколько 
элементов, отделенных друг от друга одиночным символом (или строкой сим- 
волов), а затем поместить каждый из этих элементов в массив. В примере 6.12 
показан один из случаев полезного применения этой функции, который заключа- 
ется в разбиении предложения на слова и помещении всех слов, из которого оно 
состоит, в массив. 


Пример 6.12. Извлечение слов из строки в массив с использованием пробелов 


<?рһр 
$Фетр = ехр1оде(' 
рг1п*_г($4етр); 
2> 


› "Это предложение из пяти слов"); 


Этот пример выводит следующую информацию (которая при просмотре в браузере 
будет отображена в одной строке): 


Аггау 

( 
[9] => Это 
[1] => предложение 
[2] => из 


[3] => пяти 
[4] => слов 


) 
Первый параметр — разделитель — необязательно должен быть пробелом или 


даже одиночным символом. В примере 6.13 показан этот же код в несколько из- 
мененном виде. 


Пример 6.13. Извлечение слов, разделенных символами ***, из строки в массив 


<?рһр 
$Еетр = ехр1о4е('***', "Это***предложение***со***звездочками") ; 
рг1п*_г($4етр); 

2> 


Код примера 6.13 выводит следующую информацию: 


Аггау 

( 
[9] => Это 
[1] => предложение 
[2] => со 


[3] => звездочками 
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ехігасі 


Иногда бывает удобно превратить пары «ключ — значение» из массива в перемен- 
ные РНР. Один из таких случаев — это обработка переменных $ СЕТ или $ РОТ, 
отправленных формой сценарию РНР. 


Когда форма передается через Интернет, веб-сервер распаковывает переменные и по- 
мещает их в глобальный массив, предназначенный для сценария РНР. Если пере- 
менные были отправлены методом СЕТ, они будут помещены в ассоциативный 
массив $ СЕТ, а при отправке методом РОЅТ — в ассоциативный массив $ РОТ. 


Разумеется, можно перебрать все элементы этих ассоциативных массивов, восполь- 
зовавшись уже рассмотренными в этой главе способами. Но иногда нужно лишь 
сохранить отправленные значения в переменных для дальнейшего использования. 
В таком случае можно заставить РНР проделать эту работу за вас в автоматическом 
режиме: 


ехігасї($ СЕТ); 


Таким образом, к примеру, если параметр строки запроса 4 отправлен сценарию 
РНР наряду со связанным с ним значением Ні +Неге, будет создана новая пере- 
менная по имени $а, которой будет присвоено это значение. 


Нокописанному подходу нужно относиться осторожно, поскольку если какие-нибудь 
извлекаемые переменные конфликтуют с уже определенными переменными, то 
существующие переменные будут переписаны. Чтобы избежать этого, можно вос- 
пользоваться одним из многих дополнительных параметров, доступных в данной 
функции: 


ехЕгас{($_бЕТ, ЕХТВ_РВЕЕРТХ_АЁЁ, '+готве*'); 


В этом случае имена всех новых переменных будут начинаться с заданного стро- 
кового префикса, за которым следует символ подчеркивания, в результате чего $4 
превратится в $готве*_4. Я настоятельно рекомендую при обработке массивов $ СЕТ 
и $ РОЗТ или любого другого массива, ключи которого могут контролироваться поль- 
зователем, применять именно эту версию функции. Ведь злоумышленники могут 
отправлять ключи, специально подобранные для того, чтобы переписать переменные 
с часто используемыми именами и таким образом угрожать вашему сайту. 


сотрасе 


Иногда нужно воспользоваться функцией сотрас+, являющейся противополож- 
ностью функции ехїгасё, чтобы создать массив из переменных и их значений. 
Применение этой функции показано в примере 6.14. 


Пример 6.14. Использование функции сотрасї 


<?рһр 
ФҒпате = "Босфог"; 
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$ѕпате = "Аһо"; 

$р1апе* = "ба111і#геу"; 
$зузфет = "бгіа1оск"; 
$сопѕ+е11атіоп = "Казфегбогои$"; 


$сопфасЕ = сотрасї('Ғпате', 'ѕпате', 'р1апеф', 'зузфет', ' сопѕ&е11а+іоп'); 


рг1п*_г($сопфас*); 
2> 


В результате запуска кода из примера 6.14 будет выведена следующая информация: 


Аггау 


( 


[+пате] => рос+ог 

[зпате] => Мһо 

[р1апе*] => ба111+геу 

[зузфет] => бг1А1оск 
[сопѕ+е11аїіоп] => Каз%егБогои$ 


) 


Обратите внимание на то, что функции сотрас* нужны имена переменных, стоящие 
в кавычках и не содержащие начального символа $. Причина заключается в том, 
что функция сотрас* ищет список имен переменных, а не их значений. 


Эту функцию можно использовать также для отладки, когда нужно быстро про- 
смотреть несколько переменных вместе с их значениями, как в примере 6.15. 


Пример 6.15. Использование функции сотрасї для отладки программы 


<?рһр 
$3 = 
$Еетр = "Не110"; 
$айӣғгеѕ5 = "1 01а Ѕігееї"; 
$аве = 61; 


ргіпё г (сотрасе (ехр1оӣе (' ','ј емтр айагеѕѕ аве'))); 


?> 


Работа примера основана на использовании функции ехр1оае для извлечения 
всех слов из строки в массив, который затем передается функции сотрас\*, а она, 
в свою очередь, возвращает массив функции рг1п*_г, которая в итоге показывает 
его содержимое. 


Если скопировать и вставить строку кода, содержащую вызов функции ргіпё_г, то 
в ней нужно будет лишь изменить имена переменных, чтобы быстро вывести группу 
их значений. В этом примере выводимая информация будет иметь следующий вид: 


Аггау 
( 
[9] => 23 
[+етр] => Не11о 
[айагеѕ5] => 1 014 5+гее+ 
[аве] => 61 
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геѕеї 


Когда с помощью конструкции #огеасћ...аѕ или функции еасһ осуществляется 
последовательный перебор элементов массива, они перемещают внутренний 
указатель РНР, который показывает, какой из элементов массива нужно извлечь 
в следующий раз. Если коду программы понадобится вернуться к началу массива, 
то можно воспользоваться функцией гезе*, а она к тому же вернет значение эле- 
мента, на котором остановился указатель. Эта функция может быть использована 
следующим образом: 

геѕеї(Ф#геа); // Отбрасывание возвращаемого значения 


$1{ет = гезе{ ($+геа); // Сохранение первого элемента массива 
// в переменной $ 1%ет 


епа 


Можно также переместить внутренний указатель элемента массива РНР на по- 
следний элемент, воспользовавшись для этого функцией епа, которая, кроме этого, 
возвращает значение элемента и может быть использована следующим образом: 


епа(%#геа) ; 
$ітет = епа($+геа); 


В этой главе завершается введение в основы РНР. Теперь, используя приобретен- 
ные навыки, вы должны справиться с написанием довольно сложных программ. 
В следующей главе будет рассмотрено применение РНР для решения наиболее 
распространенных практических задач. 


Вопросы 


В чем разница между числовым и ассоциативным массивом? 

Каковы основные преимущества использования ключевого слова аггау? 
В чем разница между +огеасн и еасһ? 

Как создается многомерный массив? 

Как определить количество элементов в массиве? 


Каково назначение функции ехр1оае? 


номер мм 


Как вернуть внутренний указатель элемента массива РНР на его первый элемент? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Практикум 
по программированию 
на РНР 


В предыдущих главах рассматривались элементы языка РНР. А эта глава пред- 
назначена для приобретения навыков программирования в процессе решения 
типовых, но тем не менее важных практических задач. Здесь будут представлены 
лучшие способы обработки строк, позволяющие получить вполне понятный и ла- 
коничный код, который включает усовершенствованное управление отображением 
даты и времени и демонстрируется браузерами в точном соответствии с вашими 
желаниями. Вы также узнаете о создании и разнообразных способах изменения 
файлов, включая файлы, выложенные на сайт пользователями. 


Функция рип Е 


Ранее нам уже встречались функции ргіпї и еспо, которые использовались для 
простого вывода текста в браузер. Но существует намного более мощная функция 
рг1пЕ+, управляющая форматом выводимых данных путем вставки в строку спе- 
циальных форматирующих символов. Функция ргіпё# ожидает, что для каждого 
форматирующего символа будет предоставлен аргумент, который будет отобра- 
жаться с использованием заданного формата. Например, в следующем фрагменте 
применяется спецификатор преобразования %а, чтобы значение 3 отображалось 
в виде десятичного числа: 


рг1п ("В вашей корзине находится %4 покупки", 3); 


Если заменить %4 на %6, значение 3 будет отображено в виде двоичного числа (11). 
В табл. 7.1 показаны поддерживаемые функцией спецификаторы преобразо- 
вания. 
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Таблица 7.1. Спецификаторы преобразования, используемые в функции рип 











Специ- | Преобразование, осуществляемое с аргументом агд Пример 

фикатор (для агд, имеющего 
значение 123) 

% Отображение символа % (аргументы не требуются) % 

Ь Отображение аг в виде двоичного целого числа 1111011 





о 


Отображение АЗСП-символа с кодом, содержащимся в аге |{ 























а Отображение аге в виде целого десятичного числа со знаком | 123 
Отображение ага с использованием научной формы записи |1.23000е+2 
Е Отображение аге в виде числа с плавающей точкой 123.000000 
о Отображение аге в виде восьмеричного целого числа 173 
$ Отображение аге в виде строки 123 
и Отображение агу в виде беззнакового десятичного числа 123 
х Отображение аге в виде шестнадцатеричного числа ТЬ 
с символами в нижнем регистре 
Хх Отображение агу в виде шестнадцатеричного числа 7В 


с символами в верхнем регистре 














В функции рг1п можно использовать любое количество спецификаторов, если 
им передается соответствующее количество аргументов и если каждый специфика- 
тор предваряется символом %. Поэтому следующий код имеет вполне допустимую 
форму и выводит предложение: Меня зовут Симон. Мне 33 года, то есть 21 в шестнад- 
цатеричном представлении: 


ргіпе( "Меня зовут %5. Мне #4 года, то есть #Х в шестнадцатеричном 
представлении", 'Симон', 33, 33); 


Если пропустить какой-нибудь аргумент, то будет получена ошибка синтаксиче- 
ского разбора, информирующая о том, что правая круглая скобка ()) была встре- 
чена в неожиданном месте. 


Более полезный с практической точки зрения пример использования функции 
ргіпЁ+ устанавливает цвета в коде НТМІ., используя для этого десятичные числа. 
Предположим, к примеру, что вам нужен цвет, составленный из трех значений: 
65 для красного, 127 для зеленого и 245 для синего цвета, но вам не хочется само- 
стоятельно переводить эти числа в шестнадцатеричный формат. Для этого есть 
более простое решение: 


рг1пЕЕ("<зрап 5&у1е=' со1ог: #ХЯХЯХ '>Привет</зрап>", 65, 127, 245); 


Тщательно разберитесь с цветовой спецификацией, которая заключена в апостро- 
фы (''). Сначала ставится знак решетки (#), ожидаемый в цветовой спецификации. 
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Затем следуют три форматирующие спецификации $Х, по одной для каждого из 
ваших чисел. В результате эта команда выдаст такой текст: 


<ѕрап ѕ+у1е= ' со1ог:#417ЕЕ5 ' >Привет< /5рап> 


Обычно представляется удобным в качестве аргументов рг1пЕ+ использовать 
переменные или выражения. Например, если значения для цветового решения 
хранятся в трех переменных: $, $8 и $6, то более темный оттенок можно получить 
с помощью выражения: 


ргіп#("<ѕрап ѕ+у1е= ' со1ог :#ХЯХЯХ ' >Привет</зрап>", $г-20, $5-20, $6-20); 


Настройка представления данных 


Можно указать не только тип преобразования, но и точность отображаемого ре- 
зультата. Например, суммы в валюте отображаются, как правило, с точностью до 
двух цифр. Но после вычисления значение может иметь более высокую точность 
(например, если разделить 123,42 на 12, то получится 10,285). Чтобы обеспечить 
правильное внутреннее хранение таких значений, но при этом организовать их 
отображение с точностью только до двух цифр, можно между символом % и специ- 
фикатором преобразования вставить строку ".2": 


ргіпё#( "Результат: $%.2+", 123.42 / 12); 


Эта команда выводит следующий текст: 


Результат: $10.29 


Но доступные средства управления на этом не заканчиваются, потому что можно 
также указать, где и чем — нулями или пробелами — дополнить выводимый текст, 
поставив перед спецификатором соответствующие значения. В примере 7.1 пока- 
заны пять возможных комбинаций. 


Пример 7.1. Настройка представления данных точности 


<?рһр 
есһо "‹рге>"; // Тег, позволяющий отображать все пустые пространства 


// Дополнение пробелами до 15 знакомест 
рг1п + ("Результат равен $%15+\п", 123.42 / 12); 


// Дополнение нулями до 15 знакомест 
рг1п + ("Результат равен $%0151\п", 123.42 / 12); 


// Дополнение пробелами до 15 знакомест и вывод с точностью 
// до двух десятичных знаков 
рг1п + ("Результат равен $%15.2+\п", 123.42 / 12); 


// Дополнение нулями до 15 знакомест и вывод с точностью 
// до двух десятичных знаков 
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?> 


ргіпё#( "Результат равен $%015.2+\п", 123.42 / 12); 


// Дополнение символами # до 15 знакомест и вывод с точностью 
// до двух десятичных знаков 
ргіпё#( "Результат равен $%'#15.2#\п", 123.42 / 12); 


Этот пример выводит следующий текст: 


Результат равен $ 10.285000 
Результат равен $00000010.285000 
Результат равен $ 10.29 


Результат равен $000000000010.29 
Результат равен Ф#ННННННННН10. 29 


Проследить работу спецификатора проще, если изучать его слева направо (табл. 7.2). 
Обратите внимание на следующие моменты. 


О 


О 





Крайним справа символом спецификатора преобразования в данном случае 
является +, означающий преобразование в число с плавающей точкой. 


Если сразу же перед спецификатором преобразования стоит сочетание точки 
и числа, значит этим числом указана точность выводимой информации. 


Независимо от присутствия спецификатора точности, если в общем специфи- 
каторе есть число, оно представляет собой количество знакомест, выделяемых 
под выводимую информацию. В предыдущем примере это количество равно 15. 
Если выводимая информация уже равна количеству выделяемых знако-мест 
или превышает его, то данный аргумент игнорируется. 


После крайнего слева символа % разрешается поставить символ ё, который 
игнорируется, если не указано количество выделяемых знакомест. Если это 
количество указано, то вместо пробелов дополнение производится нулями. 
Если нужно, чтобы пустующие знако-места заполнялись не нулями или про- 
белами, а каким-нибудь другим символом, то можно выбрать любой символ, 
поставив перед ним одинарную кавычку: '#. 


В левой части спецификатора ставится символ %, с позиции которого и начина- 
ется преобразование. 


Таблица 7.2. Компоненты спецификатора преобразования 














Начало Допол- Количество Точность |Специфика- |Примеры 
преобра- |няющий |дополняющих | отображе- |тор преобра- 

зования символ символов ния зования 

% 15 Ё 10.285000 

% 0 15 .2 Ё 000000000010.29 
% '# 15 4 Ё #ЕНННЕНН10.2850 
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Дополнение строк 


Дополнить до требуемой длины можно не только числа, но и строки, выбирая для 
этого различные дополняющие символы и даже левую или правую границы вы- 
равнивания. Возможные варианты показаны в примере 7.2. 


Пример 7.2. Дополнение строк 


<?рһр 
есһо "‹рге>"; // Тег, позволяющий отображать все пустые пространства 
$! = 'Каѕтиѕ'; 
рг1п Е ("[%$]\п", $6); // Стандартный вывод строки 
рг1п + ("[%12$]\п", $6); // Выравнивание пробелами по правому краю 
// до ширины 12 
рг1п + ("[%-12$]\п", $6); // Выравнивание пробелами по левому краю 
рг1п + ("[%012$]\п", $6); // Дополнение нулями 


ели ("[%'#12$]\п\п", $6); // Использование специально выбранного 
// символа дополнения '#' 
$а = 'Каѕтиѕ егаог+'; 


рг1п + ("[%12.8$]\п", $а); // Выравнивание по правому краю с усечением 
// до 8 символов 
рг1п + ("[%-12.12$]\п", $а); // Выравнивание по левому краю с усечением 
// до 12 символов 
рг1п + (" [%- '@12.10$]\п", $4); // Выравнивание по левому краю, дополнение 
// символом '@', усечение до 10 символов 
2> 


Обратите внимание на то, что для получения нужной разметки на веб-странице 
я воспользовался НТМТ-тегом <рге>, который оставляет нетронутыми все пустые 
пространства и после каждой отображаемой строки выводит на экран символ новой 
строки \п. В этом примере выводится следующий текст: 


[Вазти$ ] 

[ Каѕтиѕ] 
[Вазти$ 1 
[900060Каѕтиѕ ] 
[Г #####Каѕтиѕ ] 


[ Каѕтиѕ 1] 
[Каѕтиѕ Гегао] 
[Каѕтиѕ Гег@@] 


Если при указании количества знако-мест длина строки уже равна этому количеству 
или превышает его, это указание будет проигнорировано, если только заданное ко- 
личество символов, до которого нужно усечь строку, не будет меньше указанного 
количества знако-мест. 


В табл. 7.3 показаны спецификаторы преобразования строки, разложенные на 
компоненты. 
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Таблица 7.3. Компоненты спецификаторов преобразования строки 














Начало |Выравнивание |Допол- |Количество Усе- |Специфи- Примеры 
преобра- | по левому или няющий | дополняющих | чение | катор пре- 

зования |по правому краю | символ |символов образования 

% 5 [Ваѕти] 

% = 10 $ [Вазта$ ] 

% '# 8 4 $ [####Каѕт] 























Функция рип 


Зачастую результат преобразования нужно не выводить на экран, а использовать 
в самом коде программы. Для этого предназначена функция зрг4п+. Она позволяет 
не отправлять выходную информацию браузеру, а присваивать ее какой-нибудь 
переменной. 


Функции ѕргіпё# можно использовать для преобразования, возвращающего 
шестнадцатеричное строковое значение для цветового сочетания КСВ 65, 127, 245, 
которое присваивается переменной $һехѕёгіпе: 


$һехѕёгіпв = зрг1п+("#ХЯХЯХ", 65, 127, 245); 
Или же она может пригодиться для сохранения выходной информации, которую 
нужно будет вывести на экран чуть позже: 


фои = зрг1тЕ( "Результат: $%.2+", 123.42 / 12); 
есһо $ои+; 


Функции даты и времени 


Для отслеживания даты и времени в РНР используются стандартные отметки 
времени ОМІХ, представляющие собой простое количество секунд, прошедших 
с начала отсчета — 1 января 1970 года. Для определения текущей отметки времени 
можно воспользоваться функцией +іпе: 


есһо Жіте(); 
Поскольку значение хранится в секундах, для получения метки времени ровно 


через неделю можно воспользоваться следующим выражением, в котором к воз- 
вращаемому значению прибавляется 7 дней х 24 часа х 60 минут х 60 секунд: 


есһо +іте() + 7 * 24 * 60 * 60; 
Если нужно получить отметку времени для заданной даты, можно воспользоваться 


функцией ткёіте. Она выводит отметку времени 946684800 для первой секунды 
первой минуты первого часа первого дня 2000 года: 


есһо ткёіте(0, 0, 6, 1, 1, 2000); 
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Этой функции передаются следующие параметры (слева направо): 





ооооорд 


количество часов (0-23); 

количество минут (0—59); 

количество секунд (0-59); 

номер месяца (1—12); 

номер дня (1-31); 

год (1970-2038, или 1901-2038 при использовании РНР 5.1.0 + 32-разрядной 


системы со знаком числа). 








Вы можете спросить: почему годы ограничены отрезком с 1970-го до 2038-го? 
Причина в том, что разработчики первой версии ОМІХ выбрали 1970 год в качестве 
начала отсчета времени, опускаться ниже которого не понадобится ни одному 
программисту. 


К счастью, благодаря тому что РНР, начиная с версии 5.1.0, поддерживает си- 
стемы, использующие 32-разрядные целые числа со знаком, в нем разрешается 
применение дат от 1901 и до 2038 года. Но второе ограничение еще хуже первого 
и обусловлено тем, что разработчики УМХ также решили, что по прошествии 
70 лет никто уже не будет пользоваться их системой, и поэтому они были уверены, 
что для хранения отметки времени им вполне хватит 32-разрядного значения, 
которое будет вмещать даты только до 19 января 2038 года. 


Это ограничение вызовет сбой, известный как Ү2К38 (очень похожий на проблему 
2000 года, которая была вызвана тем, что года хранились в виде значений из 
двух цифр, и также требовала своего решения). Для решения этой проблемы 
в РНР версии 5.2 был введен класс Ра{еТийте, но он работает только в 64-раз- 
рядной архитектуре, на основе которой в наше время построено большинство 
компьютеров (но перед использованием этого класса нужно все же убедиться 
в наличии такой архитектуры). 





Для отображения даты используется функция да+е, поддерживающая множество 
настроек форматирования, которые позволяют выводить дату любым желаемым 
способом. Эта функция имеет следующий синтаксис: 


ЯӢа+е($Ғогта+, $41тезатр); 


Параметр $+огта* должен быть строкой, в которой содержатся спецификаторы фор- 
матирования, подробно описанные в табл. 7.4, а параметр $Е1те5+атр должен быть 
отметкой времени в стандарте МХ. Полный перечень спецификаторов приведен 
в документации по адресу В&р://рир.пеУ/тапиа/еп/ипсйоп.дае.рир. Следующая команда 
выведет текущее время и дату в формате Тпиг$дау Ји1у 6&һ, 2017 - 1:38 рп: 


есһо Чафе("1 Е 35, У - в:1а", %1те0); 


Функции даты и времени 
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Таблица 7.4. Основные спецификаторы формата, использующиеся в функции дае 






































Формат |Описание Возвращаемое 
значение 

Спецификаторы дня 

а День месяца, две цифры с лидирующими нулями От 01 до 31 

р День недели, составленный из трех букв От Мор до Ѕип 

] День месяца без лидирующих нулей От 1 до 31 

І День недели полностью От Зип4ау до Забат4ау 

№ День недели, число, от понедельника до воскресенья От1до7 

$ Суффикс для дня месяца (пригодится в сочетании $6, па, та или В 

со спецификатором ]) 

№ День недели, число, от воскресенья до субботы От 0 доб 

7 День года От 0 до 365 

Спецификатор недели 

үү Номер недели в году От 01 до 52 





Спецификаторы месяца 

















Е Название месяца От ]аппиагу до ОесетђБег 
т Номер месяца с лидирующими нулями От 01 до 12 

М Название месяца, составленное из трех букв От Јап до Оес 

п Номер месяца без лидирующих нулей От 1 до 12 

Е Количество дней в заданном месяце 28, 29, 30 или 31 





Спецификаторы года 











Е Високосный год 1 — Да, 0 — Нет 
У Год, четыре цифры От 0000 до 9999 
у Год, две цифры От 00 до 99 





Спецификаторы времени 
































а До или после полудня, в нижнем регистре ат или рт 
А До или после полудня, в верхнем регистре АМ или РМ 
5 Час суток, 12-часовой формат без лидирующих нулей От 1 до 12 
С Час суток, 24-часовой формат без лидирующих нулей От 00 до 23 
ћ Час суток, 12-часовой формат с лидирующими нулями | От 01 до 12 
Н Час суток, 24-часовой формат с лидирующими нулями | От 00 до 23 
1 Минуты с лидирующими нулями От 00 до 59 
$ Секунды с лидирующими нулями От 00 до 59 
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Константы, связанные с датами 


Существуют полезные константы, которые можно использовать с командами, 
связанными с датами, для того чтобы они вернули дату в определенном формате. 
Например, дае (рАТЕ_К55) возвращает текущую дату и время в формате, который 
применяется в Ё55-потоке. Наиболее часто используются следующие константы. 


О РАТЕ АТОМ — формат для потоков Абот. РНР-формат имеет вид У-т-а\ТН:1 : $Р, 
а ввыводимая информация — 2022-10-22Т 12:00:00-+0000. 


О РАТЕ_СООКТЕ — формат для сооКіе, устанавливаемый веб-сервером или Јауа$Ѕсгірі. 
РНР-формат имеет вид 1, 9-М-уН:1:$ Т, авыводимая информация — Мейпеѕӣау, 
26-Ос{-22 12:00:00 (ТС. 


О рАТЕ 655 — формат для потоков К55. РНР-формат имеет вид р, ЧМУН:1 :$ Т, 
авыводимая информация — Меа, 216 Осі 2022 12:00:00 ШТС. 





О РАТЕ_мзСс — формат для Консорциума Всемирной паутины, №огіа Ұійе ҰеБ 
Сопѕогіїит. РНР-формат имеет вид У-т-а\ТН:1 : $Р, а выводимая информация — 
2022-10-26712:00:00+00 :00. 


Полный перечень приведен по адресу ћҺќр://рһр.петапиа[/еп/сіаѕѕ.даїќейте.рһр. 


Функция сһескааїе 


Как отобразить допустимую дату в различных форматах, вы уже видели. А как 
проверить, что пользователь передал такую дату вашей программе? Нужно пере- 
дать месяц, день и год функции сһескда+е, которая вернет значение ТКОЕ, если ей 
передана допустимая дата, или значение РАІ5Е в противном случае. 


Например, если введена дата 31 сентября любого года, то она всегда будет недо- 
пустимой. В примере 7.3 показан код, который можно использовать для этой цели. 
В данных условиях он признает указанную дату недопустимой. 


Пример 7.3. Проверка допустимости даты 


<?рһр 
ФтопЁһ = 9; // Сентябрь (в котором только 30 дней) 
фаау = 31; // 31-е 


фуеаг = 2022; // 2022 


1+ (сһескаӢа%е(Фтопһ, $ӣау, Фуеаг)) есһо "Допустимая дата"; 
е15е есһо "Недопустимая дата"; 
?> 


Работа с файлами 


При всех своих достоинствах Му5 ОТ, не является единственным (или самым 
лучшим) способом хранения всех данных на веб-сервере. Иногда бывает бы- 
стрее и удобнее обращаться непосредственно к файлам, хранящимся на диске. 
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Это может потребоваться при изменении изображений, например выложенных 
пользователями аватаров, или файлов регистрационных журналов, требующих 
обработки. 


Прежде всего следует упомянуть об именах файлов. Если создается код, который 
может использоваться на различных установках РНР, то узнать о том, чувствитель- 
на система к регистру букв или нет, практически невозможно. Например, имена 
файлов в \/тао\$ и тасО$ нечувствительны к регистру, а в Гпих и ОМІХ — 
чувствительны. Поэтому нужно принять за основу то, что система чувствительна 
к регистру, и придерживаться соглашения о присваивании файлам имен в нижнем 
регистре. 


Проверка существования файла 


Чтобы проверить факт существования файла, можно воспользоваться функцией 
+11е_ех15%$, которая возвращает либо ТВОЕ, либо РАІЅЕ и применяется следующим 
образом: 


1+ (+11е_ех1$%5("+е54+11е.{хЕ")) есһо "Файл существует"; 


Создание файла 


В данный момент файла +еѕ+ғі1е.іхї не существует, поэтому создадим его и запи- 
шем в него несколько строк. Наберите код, показанный в примере 7.4, и сохраните 
его под именем +еѕЕғҒі1е.рһр. 


Пример 7.4. Создание простого текстового файла 


<?рһр // ЖеѕЕғі1е.рһр 
$Ғһ = Ғореп("ёеѕЕҒі1е.хі", 'м') ог Яіе("Создать файл не удалось"); 


$ЕехЕ = <<< ЕМО 
Строка 1 
Строка 2 
Строка 3 
_ЕМО; 


Ғмгіе(Ф#һ, Фёехі) ог 41е("Сбой записи файла"); 
Ес1оѕе(%+#һ); 
есһо "Файл 'ЖеѕїҒі1е.їхї' записан успешно"; 

?> 


Если в программе выполняется вызов функции адіе, открытый файл автоматически 
закрывается в рамках общего завершения программы. 


Если этот код будет запущен через браузер, то при его успешном выполнении по- 
явится следующее сообщение: Файл 'ФеѕҒі1е.ёхЁ' записан успешно. Если будет вы- 
ведено сообщение об ошибке, значит на диске недостаточно свободного места или, 
что более вероятно, отсутствует разрешение на создание файла или на запись в этот 
файл. В таком случае нужно изменить атрибуты папки назначения в соответствии 
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с требованиями вашей операционной системы. Если все обойдется без ошибки, то 
файл +е${+11е.+х+ попадет в ту же папку, где был сохранен программный файл 
+еѕ+ғі1е.рһр. Если открыть файл в текстовом или программном редакторе, в нем 
будет следующее содержимое: 


Строка 1 
Строка 2 
Строка 3 


В этом простом примере показана последовательность работы со всеми файлами. 


1. Все начинается с открытия файла с помощью вызова функции #ореп. 


2. После этого можно вызывать другие функции. В данном случае в файл велась 
запись (#мгі+е), но можно также читать данные из уже существующего файла 
(Егеаа или +ве*$) и осуществлять с ним другие действия. 


3. Работа завершается закрытием файла (+с105е). Хотя программа перед заверше- 
нием своей работы делает это за вас, но все же вы должны удостовериться в том, 
что по окончании работы с файлом он будет закрыт. 


Каждому открытому файлу требуется файловый ресурс, чтобы РНР-программа 
могла к нему обращаться и им управлять. В предыдущем примере переменной %#һћ 
(которую я выбрал в качестве описателя файла) присваивается значение, возвра- 
щаемое функцией #ореп. После этого каждой функции обработки файла, которая 
получает к нему доступ, например Риге или #с1оѕе, в качестве параметра должна 
быть передана переменная $#һ, чтобы идентифицировать обрабатываемый файл. 
Интересоваться содержимым переменной $+1 не стоит, это всего лишь номер, ис- 
пользуемый РНР для ссылки на внутреннюю информацию о файле. Данная пере- 
менная применяется только для передачи другим функциям. 


В случае сбоя функция Фореп возвращает значение РАЕ$Е. В предыдущем примере 
показан простой способ перехвата управления и реакции на сбой: в нем вызывается 
функция @1е, которая завершает программу и выдает пользователю сообщение об 
ошибке. Этот упрощенный способ выхода подходит лишь для наших учебных про- 
грамм, а выходить с его помощью из веб-приложения не следует ни в коем случае 
(вместо этого нужно создать веб-страницу с сообщением об ошибке). 


Обратите внимание на второй параметр, используемый в вызове функции +ореп. 
Это символ м, предписывающий функции открыть файл для записи. Если такого 
файла нет, то он будет создан. Применять эту функцию следует с оглядкой: если 
файл уже существует, то параметр режима работы м заставит функцию +ореп 
удалить все его прежнее содержимое (даже если в него не будет записано ничего 
нового!). 


В табл. 7.5 перечислены различные параметры режима работы, которые могут быть 
использованы при вызове этой функции. Режимы, включающие символ +, будут 
рассмотрены далее в разделе «Обновление файлов». 
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Таблица 7.5. Режимы работы, поддерживаемые функцией гореп 





Режим | Действие Описание 





Е Чтение с начала файла Открытие файла только для чтения; установка 
указателя файла на его начало. Возвращение ЕАГЗЕ, 
если файла не существует 





т+' Чтение с начала файла Открытие файла для чтения и записи; установка 
с возможностью записи указателя файла на его начало. Возвращение ЕАГЗЕ, 
если файла не существует 





У Запись с начала файла Открытие файла только для записи; установка 

с усечением его размера указателя файла на его начало и сокращение размера 
файла до нуля. Если файла не существует, попытка 
его создания 








"и" Запись с начала файла Открытие файла для чтения и записи; установка 
с усечением его размера указателя файла на его начало и сокращение его 
и возможностью чтения размера до нуля. Если файла не существует, попытка 


его создания 





а Добавление к концу файла | Открытие файла только для записи; установка 
указателя файла на его конец. Если файла 
не существует, попытка его создания 





а+' Добавление к концу файла | Открытие файла для чтения и записи; установка 
с возможностью чтения указателя файла на его конец. Если файла 
не существует, попытка его создания 














Чтение из файлов 


Проще всего прочитать текстовый файл, извлекая из него всю строку целиком, для 
чего, как в примере 7.5, используется функция #веїѕ (последняя буква $ в названии 
функции означает тт — «строка»). 


Пример 7.5. Чтение файла с помощью функции 9е5 


<?рһр 
$Ғһ = Ғореп("ёеѕ+ғі1е.хі", 'г') ог 
аіе("Файл не существует, или вы не обладаете правами на его открытие"); 


$1іпе = #Ғреіѕ($+#һ); 
Ес1оѕе(%+#һ); 
есһо $11пе; 

?> 


Если используется файл, созданный кодом из примера 7.4, будет получена первая 
строка: 


Строка 1 


Можно также извлечь из файла сразу несколько строк или фрагменты строк, вос- 
пользовавшись функцией #геаа, как показано в примере 7.6. 
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Пример 7.6. Чтение файла с помощью функции Ёгеаа 


<?рһр 
$Ғһ = Фореп("+е$++11е. хе", 'г') ог 
аіе("Файл не существует, или вы не обладаете правами на его открытие"); 


$ФехЕ = Ғгеаа($+#һ, 3); 
Ғс1оѕе(%+#һ); 
есһо $+ех+; 

?> 


При вызове функции #геаа было запрошено чтение трех символов, поэтому про- 
грамма отобразит следующий текст: 


Стр 


Функция #геаа обычно применяется для чтения двоичных данных. Но если она 
используется для чтения текстовых данных объемом более одной строки, следует 
брать в расчет символы новой строки. 


Копирование файлов 


Попробуем создать клон нашего файла +е$++#11е. іх, воспользовавшись РНР- 
функцией сору. Наберите текст примера 7.7 и сохраните его в файле сору+11е.рйр, 
а затем вызовите программу через браузер. 


Пример 7.7. Копирование файла 


<?рһр // соруҒі1е.рһр 
сору('ЕеѕЕҒі1е.хі', 'Феѕғ1і1е2.1хі') ог 41е("Копирование невозможно"); 
есһо "Файл успешно скопирован в '%е${+11е2.+х{'"; 

?> 


Если еще раз проверить содержимое вашей папки, в ней окажется новый файл 
теѕҒ11е2.1хї. Кстати, если вам не нужно, чтобы программа завершала свою работу 
после неудачной попытки копирования, можно воспользоваться другим вариантом 
синтаксиса, который показан в примере 7.8. В качестве быстрой и краткой записи 
в нем задействуется оператор ! (№жот). Его наличие перед выражением означает 
применение оператора №Т ко всему выражению, следовательно, эквивалентным 
утверждением становится «Если копирование невозможно...». 


Пример 7.8. Альтернативный синтаксис для копирования файла 


<?рһр // соруҒі1е2.рһр 
1+ (!сору('4езЕ11е.+хЕ', 'ФеѕТҒі1е2.хї')) есһо "Копирование невозможно"; 
е15е есһо "Файл успешно скопирован в 'еѕЕҒі1е2.1хі"'; 

?> 


Перемещение файла 


Для перемещения файла его необходимо переименовать, как показано в при- 
мере 7.9. 
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Пример 7.9. Перемещение файла 


<?рһр // томе+і1е.рһр 
1+ (! гепате( '+е$4+11е2.+хе', 'Феѕ+Ғі1е2.пем')) 
есһо "Переименование невозможно" ; 
е1ѕе есһо "Файл успешно переименован в '+е$%+11е2.пем'"; 
?> 


Функцию переименования можно применять и к каталогам. Чтобы избежать 
предупреждений при отсутствии исходных файлов, сначала для проверки факта 
их существования можно вызвать функцию +і1е_ехіѕЁѕ. 


Удаление файла 


Для удаления файла из файловой системы достаточно, как показано в примере 7.10, 
воспользоваться функцией ип1іпк. 


Пример 7.10. Удаление файла 


<?рһр // де1е+е+Ғі1е.рһр 
1+ (! ип1іпк('еѕ6#і1е2.пем')) есһо "Удаление невозможно"; 
е1ѕе есһо "Файл '©еѕ+Ғі1е2.пем' удален успешно"; 

?> 








При непосредственном доступе к файлам на жестком диске нужна гарантия 
того, что ваша файловая система не будет поставлена под угрозу. Например, 
при удалении файла на основе введенной пользователем информации нужно 
быть абсолютно уверенным в том, что этот файл может быть удален без ущерба 
безопасности системы и что пользователю разрешено удалять его. 














В данном случае, как и при операции перемещения, если файла с таким именем 
не существует, будет выведено предупреждение. Его появления можно избежать, 
если использовать функцию #і1е_ехіѕіѕ для проверки существования файла перед 
вызовом функции ип1іпк. 


Обновление файлов 


Довольно часто возникает потребность добавлять к сохраненному файлу дополни- 
тельные данные, для чего существует множество способов. Можно воспользоваться 
одним из режимов добавления данных (см. табл. 7.5) или же задействовать режим, 
поддерживающий запись, и просто открыть файл для чтения и записи и переме- 
стить указатель файла в то место, с которого необходимо вести запись в файл или 
чтение из файла. 


Указатель файла — это позиция внутри файла, с которой будет осуществлен оче- 
редной доступ к файлу при чтении или записи. Его не следует путать с описателем 
файла (который в примере 7.4 хранился в переменной $#һ), содержащим сведения 
о том файле, к которому осуществляется доступ. 
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Если набрать код, показанный в примере 7.11, сохранить его в файле ирӣаќе. рћр, 
а затем вызвать его из своего браузера, то можно увидеть работу указателя. 


Пример 7.11. Обновление файла 

<?рһр // ирӣате.рһр 
$Ғһ = Ғореп("+еѕҒі1е.хі", 'г+') ог аіе("Сбой открытия файла"); 
$+ехі = Ғреїѕ ($41); 


Ғѕеек($+һ, Ө, ЅЕЕК ЕМО); 
Ғмгіъе(Ф#һ, "Фёехі") ог а1е("Сбой записи в файл"); 
#с105е(%+һ); 


есһо "Файл '©еѕТҒі1е.@хі' успешно обновлен"; 
?> 


Эта программа открывает файл +еѕ&Ғі1е.іх+ для чтения и записи, для чего задается 
режим работы '+г', в котором указатель устанавливается в самое начало файла. 
Затем используется функция +ве*$, с помощью которой из файла считывается 
одна строка (до встречи первого символа перевода строки). После этого вызы- 
вается функция +5еек, чтобы переместить указатель файла в самый конец, куда 
затем добавляется строка, которая была извлечена из начала файла (и сохранена 
в переменной $4ех®), после чего файл закрывается. Получившийся в итоге файл 
имеет следующий вид: 


Строка 
Строка 
Строка 
Строка 


њим 


Первая строка была успешно скопирована, а затем добавлена в конец файла. 


В данном примере функции #ѕеек кроме описателя файла $#һ были переданы еще 
два параметра — ё и $ЕЕК_ЕМ№ о. Параметр ЅЕЕК_ЕМ№ предписывает функции переме- 
стить указатель файла в его конец, а параметр @ показывает, на сколько позиций 
нужно вернуться назад из этой позиции. В примере 7.11 используется значение 0, 
потому что указатель должен оставаться в конце файла. 


С функцией #ѕеек можно задействовать еще два режима установки указателя: 
ЅЕЕК_ЅЕТ и $ЕЕК_СУВ. Режим ЅЕЕК_ЅЕТ предписывает функции установку указате- 
ля файла на конкретную позицию, заданную предыдущим параметром. Поэтому 
в следующем примере указатель файла перемещается на позицию 18: 


Ғѕеек($+һ, 18, ЗЕЕК_5ЕТ); 


Режим $ЕЕК_СУВ приводит к установке указателя файла на позицию, которая сме- 
щена от текущей позиции на заданное значение. Если в данный момент указатель 
файла находится на позиции 18, то следующий вызов функции переместит его на 
позицию 23: 


Ғѕеек($#һ, 5, ЅЕЕК СОК); 
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Без особой надобности это не рекомендуется делать, но таким образом даже тек- 
стовые файлы (с фиксированной длиной строк) можно использовать в качестве 
простых неструктурированных баз данных. В этом случае ваша программа может 
использовать функцию #ѕеек для перемещения в обе стороны по такому файлу 
с целью извлечения, обновления существующих и добавления новых записей. За- 
писи также могут удаляться путем их перезаписи нулевыми символами ит. д. 


Блокирование файлов 
при коллективном доступе 


Веб-программы довольно часто вызываются многими пользователями в одно 
и то же время. Когда одновременно предпринимается попытка записи в файл более 
чем одним пользователем, файл может быть поврежден. А когда один пользователь 
вводит в него запись, а другой считывает из него данные, с файлом ничего не слу- 
чится, но читающий может получить весьма странные результаты. 


Чтобы обслужить сразу несколько одновременно обращающихся к файлу поль- 
зователей, нужно обратиться к функции блокировки файла +1оск. Эта функция 
ставит в очередь все другие запросы на доступ к файлу до тех пор, пока ваша 
программа не снимет блокировку. Когда ваши программы обращаются к файлу, 
который может быть одновременно доступен нескольким пользователям, с на- 
мерением произвести в него запись, к коду нужно также добавлять задание на 
блокировку файла, как в примере 7.12, который является обновленной версией 
примера 7.11. 


Пример 7.12. Обновление файла с использованием блокировки 

<?рһр 
$Ғһ = Ғореп("ёеѕЕҒі1е.хі", 'г+') ог аіе("Сбой открытия файла"); 
$ЕехЕ = Ғреіѕ($+һ); 


1+ (+Ғ1оск(Ф#һ, ГОСК_ЕХ)) 
Ғѕеек($+һ, 0, ЅЕЕК ЕМО); 


Жмгіъе(Ф#һ, "Фёехі") ог аіе( "Сбой записи в файл"); 
#1оск($+һ, ОСК ОМ); 


} 

Ес1оѕе(%+#һ); 

есһо "Файл 'фе$+11е.Ех{' успешно обновлен"; 
?> 


При блокировке файла для посетителей вашего сайта нужно добиться наименьшего 
времени отклика: блокировку следует ставить непосредственно перед внесением 
изменений в файл и снимать ее сразу же после их внесения. Блокировка файла на 
более длительный период приведет к неоправданному замедлению работы при- 
ложения. Поэтому в примере 7.12 функция #1оск вызывается непосредственно до 
и после вызова функции #нгіќе. 
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При первом вызове #1оск с помощью параметра І0СК_ЕХ устанавливается эксклю- 
зивная блокировка того файла, ссылка на который содержится в переменной $#һ: 


#1оск($#һ, ІОСК_ЕХ); 


С этого момента и далее никакой другой процесс не может осуществлять не только 
запись, но даже чтение файла до тех пор, пока блокировка не будет снята с помо- 
щью передачи функции параметра І0СК22М: 


#1оск($#һ, 10СК55М); 


Как только блокировка будет снята, другие процессы снова получат возмож- 
ность доступа к файлу. Это одна из причин, по которой необходимо заново об- 
ращаться к нужному месту в файле при каждом чтении или записи данных: со 
времени последнего обращения к нему другой процесс мог внести в этот файл 
изменения. 


Кстати, вы заметили, что вызов с требованием эксклюзивной блокировки вложен 
в структуру инструкции 1+? Дело в том, что #1оск поддерживается не во всех си- 
стемах, и поэтому есть смысл проверить успешность установки блокировки, так как 
известно, что некоторые системы на это не способны. 


Следует также принять во внимание, что действия функции #1оск относятся к так 
называемой рекомендательной блокировке. Это означает, что блокируются только 
те процессы, которые вызывают эту функцию. Если есть код, который действует 
напрямую и изменяет файлы, не блокируя их с помощью #1оск, он всегда сможет 
обойти блокировку и внести хаос в ваши файлы. 


Кстати, если в каком-то кодовом фрагменте заблокировать файл, а затем по рассе- 
янности забыть его разблокировать, это может привести к ошибке, которую будет 
очень трудно обнаружить. 





Функция Йоск не будет работать в сетевой файловой системе МЕб и во многих 
других файловых системах, основанных на применении сетей. Не стоит полагаться 
на оски при использовании многопоточных серверов типа ІЅАРІ, потому что она 
не защитит файлы от доступа из кода РНР-сценариев, запущенных в параллельных 
потоках на том же физическом сервере. Кроме того, Йоск не поддерживается 
в любых системах, использующих устаревшую файловую систему РАТ, например 
в устаревших версиях \Міпаомѕ. 











Если на этот счет есть сомнения, можно попробовать установить в начале про- 
граммы быструю блокировку на тестовый файл, чтобы посмотреть, можно ли 
получить блокировку на файл. Не забудьте после проверки снять с него блоки- 
ровку (и, возможно, удалить его, если он больше не нужен). 


Не следует также забывать, что любой вызов функции Че приводит к автома- 
тическому снятию блокировки и закрытию файла в рамках общего завершения 
программы. 
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Чтение всего файла целиком 


Для чтения целиком всего файла без применения описателей файлов можно вос- 
пользоваться очень удобной функцией #і1е ве сопёепёѕ. Она проста в примене- 
нии, о чем свидетельствует код примера 7.13. 


Пример 7.13. Использование функции Я!е_де_сог{ет 


<?рһр 
есһо "‹рге>"; // Тег, позволяющий отображать переводы строк 
есһо Ғі1е ре сопфеп{$ ("+е$+11е.+хе"); 
есһо "</рге>"; // Прекращение действия тега <рге> 

?> 


Но эту функцию можно использовать и с большей пользой. С ее помощью можно 
извлечь файл с сервера через Интернет. В примере 7.14 показан запрос кода НТМІ. 
с главной страницы сайта О’КеШу с последующим ее отображением, как при обыч- 
ном переходе на саму веб-страницу. Полученный результат будет похож на копию 
страницы, приведенную на рис. 7.1. 


Пример 7.14. Захват главной страницы сайта О’ВеЙу 


<?рһр 
есһо Ғі1е сеї соп+епіѕ ("Һё+р : / /огеі11у. сот"); 
?> 


АООІПІМІХОГ 


МЕ Оћсїу Мева Тесвлок х 


< > са (Оол #1 
ОВЕШУ" 


ОМ ОЦК КАРАК 1 80514255 || ОАТА || 0Е516М 


Тіт О'Кеіу'ѕ пем 
Боок 15 псшаеа іп 
уоиг Ѕаѓагі 


тетбегѕһір. 


Стагі геааіта пом 


Лігеаду а Ѕаѓагі тетбег? 
Ѕідп іп. 


Мог уеї а тетбег? Веай а 
{тее ехсегрї пом апа ѕідп ир 
Гога 10-Яау "ее {Па(-по 
сгедИ сага пееаеа. 





Рис. 7.1. Главная страница сайта О’ВейЙ\у, захваченная с помощью функции #Іе_деї_сопёепіѕ 
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Загрузка файлов на веб-сервер 


Загрузка файлов на веб-сервер вызывает затруднения у многих пользователей, 
но сделать этот процесс еще проще, чем он есть на самом деле, не представляется 
возможным. Для загрузки файла из формы нужно лишь выбрать специальный 
тип кодировки, который называется ти1+ірагё/ Ғогт-да+а, а все остальное сделает 
ваш браузер. Чтобы увидеть этот процесс в работе, наберите программу, представ- 
ленную в примере 7.15, и сохраните ее в файле под именем ир1оаа.рһр. Когда этот 
файл будет запущен, в браузере появится форма, позволяющая загружать на сервер 
любой выбранный файл. 


Пример 7.15. Программа для загрузки изображений, хранящаяся в файле иріоаа.рћр 


<?рһр // ир1оаа.рһр 
есһо <<<_ЕМО 
<ћет1><һеаа><+іЄ1е>РНР-форма для загрузки файлов 
на сервер</&1+1е></һеаа><‹бойу> <Ғогт те&һоа= 'роѕї' 
асііоп= 'ир1оаа.рһр' епс+уре= ' ти1+іраг+/Ғогт-аа+а' > 
Выберите файл: <1приф +уре='Ғі1е' пате='Ғі1епате' $17е='19'> 
<іприї +уре='ѕибртії' уа1ие='Загрузить' > 
</Ғогт> 
ЕМО; 


1+ ($ ЕІЕЅ) 


б 
$паме = $ РІГЕЅ['Ғі1епате' ] [ ‘паме ']; 
томе _ир1оааеа +11е(% РІГЕЅ[ 'Ғі1епате'][' тр паме'], Фпате); 
есһо "Загружаемое изображение '$паме ' <6г><18 ѕгс='фпате' >"; 
} 
есһо "</боду></Нт1>"; 
2> 


Проанализируем программу по блокам. В первой строке многострочной инструк- 
ции есһо задается начало НТМТ-документа, отображается заголовок, а затем на- 
чинается тело документа. 


Далее идет форма, для передачи содержимого которой выбран метод РОЅТ, задает- 
ся предназначение всех отправляемых программе ир1оаа.рһр (то есть самой нашей 
программе) данных и указывается браузеру на то, что отправляемые данные долж- 
ны быть закодированы с использованием типа содержимого ти1+іраг+/ Ғогт-аа+а. 


Для подготовки формы в следующих строках задается отображение приглашения 
Выберите файл, а затем дважды запрашивается пользовательский ввод. Сначала от 
пользователя требуется указать файл. В параметрах ввода задаются тип вводимой 
информации — 1при* +уре, в качестве которого указан файл — #11е, имя — пате, 
в качестве которого определено имя файла — #і1епате, а также размер поля вво- 
да — ѕіхе, в качестве которого указана ширина поля, составляющая 10 символов. 


Затем от пользователя требуется ввести команду на отправку данных формы, для 
чего служит кнопка с надписью Загрузить (эта надпись заменяет текст, исполь- 
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зуемый по умолчанию, — Ѕибті+ диегу, что означает «Отправить запрос»). После 
этого форма закрывается. 


В этой небольшой программе показана весьма распространенная технология веб- 
программирования, в которой одна и та же программа вызывается дважды: один 
раз при первом посещении страницы, а второй — когда пользователь нажимает 
кнопку отправки формы. 


РНР-код, предназначенный для приема загружаемых данных, предельно прост, 
поскольку все загружаемые на сервер файлы помещаются в ассоциативный систем- 
ный массив $ РІІЕЅ. Поэтому для установки факта отправки пользователем файла 
достаточно проверить, есть ли у массива $_ЕТЕЕ$ хоть какое-нибудь содержимое. 
Эта проверка осуществляется с помощью инструкции 1+ (ф_РІІЕЅ). 


При первом посещении страницы пользователем, которое происходит еще до за- 
грузки файла, массив $_ЕТЕЕЗ пуст, поэтому программа пропускает этот блок кода. 
Когда пользователь загружает файл, программа запускается еще раз и обнаружи- 
вает присутствие элемента в массиве $_РТЬЕ$. 


Когда программа обнаружит, что файл был загружен, его имя, каким оно было 
прочитано из компьютера, занимавшегося загрузкой, извлекается и помещается 
в переменную $паме. Теперь нужно только переместить файл из временного места, 
где РНР хранит загруженные файлы, в постоянное место хранения. Это делается 
с помощью функции моуе_ир1оадед_+11е, которой передается исходное имя файла, 
сохраняемого в текущем каталоге. 


И наконец, загруженное на сервер изображение отображается путем помещения 
его имени в тег ІМС. Возможный результат показан на рис. 7.2. 














о РНР-форма дпа загрузки фай Х + - 5 


(6) э е 0 | Ф осно? /ехатр м * @ ў а Зеагсй 











Выберите файл’ | Ргпме... | стеу. ра Загрузить. 
Загружено изображение '‘єпеу.јрд' 





Рис. 7.2. Загрузка изображения с помощью формы данных 
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Если при запуске программы в ответ на вызов функции тоуе иріоайеа їе будет 
получено предупреждение об отсутствии прав доступа — Рептіѕѕіоп аетеа, значит 
у вас нет права на доступ к папке, из которой запущена программа. 











Использование массива $_ЕШЕЅ 
При загрузке файла на сервер в массиве $_ЕТЬЕЕ$ сохраняются пять элементов, 
показанных в табл. 7.6 (где используется загружаемый файл, имя которого предо- 


ставляется отправляемой серверу формой). 


Таблица 7.6. Содержимое массива $ ЕІШЕЅ 














Элемент массива Содержимое 

$ ЕП.ЕЅ[ Файл | имя Имя загруженного файла (например, ѕтіїеу.јре) 
$ ЕП.ЕЅ[ Файл || тип] Тип содержимого файла (например, ітаве/јрев) 
$ ЕП.ЕЅ[ Файл || размер! Размер файла в байтах 





$ ЕП.ЕЅ[ файл [временное имя'| | Имя временного файла, сохраненного на сервере 














$ ЕП.ЕЅ[ Файл || ошибка! Код ошибки, получаемый после загрузки файла 





Типы содержимого обычно называли МІМЕ-типами (Мш@ригрозе Іпќегпеё Маі 
Ежепз1оп — многоцелевые почтовые расширения в Интернете). Но поскольку 
позже они были распространены на все виды передаваемой через Интернет 
информации, то теперь их часто называют типами информации, используемой 
в Интернете (Тһќетпе Ме1а Турез). В табл. 7.7 показаны некоторые из наиболее 
часто используемых типов, появляющиеся в элементе массива $_ЕТЕЕ$[ 'файл '] 
‘тип ']. 


Таблица 7.7. Некоторые наиболее распространенные типы информации, используемой 
в Интернете 











арріісайоп/раѓ іпаре/еії ши раг/Ююгт-Ааба Сехё/хт!і 
арріісайоп/лір іпаре/јрев Сехі/с55 уійео/трев 
ацііо/трев іпаве/рпе Сех Бат уійео/тр4 

аи о/х-\ау ппаре/# Сехі/рІаіп уійео/ашскіте 




















Проверка допустимости 


Надеюсь, что не нужно говорить (хотя я все равно это сделаю), насколько важно 
проверять допустимость присланных формой данных, что обусловлено существу- 
ющей для пользователей возможностью взломать ваш сервер. 
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Вдобавок к проверке вредоносности введенных данных нужно также проверить, 
был ли файл получен, и если он получен, то был ли отправлен правильный тип 
данных. 


С учетом всего этого программа ир1оаа.рһр была превращена в программу 
ир1оаа2.рһр, показанную в примере 7.16. 


Пример 7.16. Более безопасная версия иріоаа.рһр 


<?рһр // ир1оад2.рһр 
есһо <<<_ЕМО 

<һёт1><һеаа»><+і1е»>РНР-форма для загрузки файлов 
на сервер</{1+1е></Неад><Боду> 
<Ғогт теһћоа='роѕі' асііоп= 'ир1оаа2.рһр' епсёуре= 'ти1&іраг/ Ғогт-Яаќа' > 
Выберите файл с расширением ЈРб, СІЕ, РМб или ТТЕ: 
<1приф +уре= 'Ғі1е' пате='Ғі1епате' $17е='10'> 
<іпри +уре= ' ѕибтіт' уа1ие='Загрузить' >< /Ғогт> 

_ЕМО; 


1+ ($ ЕІЕЅ) 
{ 


$пате = $ ҒРІГЕЅ['Ғі1епаме' ] [ 'паме']; 


м1 си ($ РІГЕЅ[ '111епате' ] [ '+уре']) 


{ 
саѕе '1таре/)рез': $ехі = 'јре'; Бгеак; 
саѕе '1таре/21+': $ехЕ = 'в1+'; Бгеак; 
саѕе 'ітаре/рпв': $ехі = 'рпё'; Бгеак; 
саѕе '1таре/{1++': $ехЕ = '41+'; Бгеак; 
е+аи1*: фехі = ''; Бгеак; 

} 

іҒ ($ехе) 

{ 
$п = "ітаре. ех"; 


томе _ир1оааеа +11е(% РІГЕЅ[ 'Ғі1епате' ] [ 'Етр_паме'], $п); 
есһо "Загружено изображение '$паше' под именем '$п':<бг>"; 
есһо "<іте эгс='$п' >"; 

} 


е1ѕе есһо 


} 


грузки и ния не произошл 
е1ѕе есһо "За з зображения не произошло"; 


$пате' - неприемлемый файл изображения"; 


есһо "</боду></һЕт1»"; 
?> 


Блок, не содержащий НТМТ-кода, был расширен, и теперь вместо шести строк 
примера 7.15 в нем содержится 20 строк, начиная с 1+ ($ РІІЕЅ). 


Как и в предыдущей версии, в этой строке 1+ выполняется проверка факта отправки 
данных, но теперь у этой инструкции ближе к концу программы есть и соответству- 
ющая ей инструкция е15е, которая выводит на экран сообщение о том, что загрузки 
изображения не произошло. 
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В теле инструкции 1+ переменной фпате присваивается значение имени файла, 
полученное (как и прежде) от загружающего компьютера, но на этот раз мы не по- 
лагаемся на то, что пользователь отправил нам приемлемые данные. Вместо этого 
используется инструкция ѕміёЄсћ, предназначенная для проверки соответствия типа 
загружаемого контекста четырем типам изображений, которые поддерживаются 
этой программой. При обнаружении соответствия переменной $ех* присваивается 
трехсимвольное расширение имени файла, относящееся к этому типу. Если соот- 
ветствие не обнаружится, значит загруженный файл не относится к приемлемому 
типу и переменной $ех* будет присвоена пустая строка "". 


В следующем блоке кода проверяется, содержит ли переменная $ех* строку, и при 
положительном ответе в переменной $п создается новое имя файла, составленное 
из основы ітаве и расширения, сохраненного в переменной $ех*. Это означает, что 
программа полностью контролирует имя создаваемого файла и этим именем может 
быть только одно из следующих: ітаве.јре, 1таве. 51+, 1таве.рпё или 1таве .+1+. 


Поскольку программе больше ничто не угрожает, остальной РНР-код похож на код 
предыдущей версии. Он перемещает загруженное временное изображение на его 
новое место, затем выводит его на экран, а вместе с ним отображает старое и новое 
имена изображения. 





Об удалении временного файла, созданного РНР в процессе загрузки, беспоко- 
иться не стоит, поскольку, если файл не был перемещен или переименован, он 
будет удален автоматически, как только программа завершит свою работу. 








Когда по условию инструкции 1+ произойдет переход к инструкции е15е, которая 
выполняется только в том случае, если загружен неподдерживаемый тип изобра- 
жения, программа выведет сообщение об ошибке. 


Я настоятельно рекомендую применить такой же подход и использовать заранее 
подобранные имена и места для загружаемых файлов, когда вы будете создавать 
собственную программу загрузки. Тогда будут исключены любые попытки добав- 
ления к используемым переменным каких-нибудь других путевых имен и других 
данных, способных нанести вред. Если подразумевается, что несколько пользова- 
телей могут загружать файл с одним и тем же именем, то такие файлы можно снаб- 
жать префиксами, представляющими собой имена пользователей, или сохранять 
их в отдельных папках, созданных для каждого пользователя. 


Но если нужно использовать предоставленное имя файла, его требуется обезвре- 
дить, разрешив применение только буквенно-цифровых символов и точки, что 
можно сделать с помощью следующей команды, использующей регулярное вы- 
ражение (см. главу 17) для осуществления поиска и замены символов в значении 
переменной $паме: 


$пате = ргеё_гер1асе(" [^А-7а-20-9.]/", › $пате); 
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Эта команда оставляет в строковой переменной $пате только символы А-1, а-7, 
0—9 и точку, а прочие символы удаляет. 


Для обеспечения работы своей программы во всех системах, независимо от их 
чувствительности к регистру букв, стоит воспользоваться другой командой, кото- 
рая одновременно с предыдущими действиями переводит все символы верхнего 
регистра в нижний: 


$пате = ѕгёо1омег(егев_ гер1асе("[^А-2а-20-9. 1", › Фпаме)); 








Иногда можно встретить тип содержимого ітаде/рјред, который служит признаком 
прогрессивного ЈРЕС-формата. Этот тип можно без лишних опасений добавить 
к вашему коду в качестве альтернативы для ітаде/јред: 





саѕе 'ітаре/рјреғ': 
саѕе '1таре/)реё': $ехЕ = 'јре'; Бгеак; 





Системные вызовы 


Иногда функцию для осуществления конкретного действия можно найти не в РНР, 
а в операционной системе, под управлением которой запущен этот язык. В таком 
случае для выполнения задачи можно применить системный вызов ехес. 


Например, для быстрого просмотра содержимого текущего каталога можно вос- 
пользоваться программой, показанной в примере 7.17. В процессе работы в систе- 
ме Ұіпдожѕ она не потребует изменений и задействует \/ш4о\з-команду аік. 
В Ипих, ОМХ или тасО$ нужно будет закомментировать или удалить первую 
строку и убрать символы комментария из второй строки, чтобы применить систем- 
ную команду 15. При желании можете набрать текст этой программы, сохранить 
его как ехес.рһр и вызвать из своего браузера. 


Пример 7.17. Выполнение системной команды 
<?рһр // ехес.рһр 

ста = "а1г"; // Міпаомѕ 

// Фста = "15"; // ііпих, Уп1х & Мас 


ехес(еѕсареѕһе11ста($ста), Фоиёриё, $ѕ%а+иѕ); 


1+ ($5+аёиѕ) есһо "Команда ехес не выполнена"; 

е15е 

{ 
есһо "‹рге>"; 
Фогеасй ($оифри* аз $1іпе) есһо Ии15рес1а1сВаг$ ("$11пе\п"); 
есһо "</рге>"; 


?> 
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Функция һём1ѕресіа1сһагѕ вызывается с целью превращения любых специальных 
символов, возвращаемых системой, в символы, которые могут быть восприняты 
и правильно отображены как код НТМІ., упорядочивая тем самым вывод. 


В зависимости от рабочей системы в результате запуска этой программы будет 
выведена следующая информация (полученная при использовании М№іпаоуѕ- 
команды 41г): 


Мо1ите іп гіме С 1$ Нага ріѕк 
Мо1чте Ѕегіа1 Митбег 15 0С63-0Е29 


рігесіогу оф С:\Рговгат Еі1еѕ (х86)\Атрр$\имм 
11/04/2018 11:58 <ОТВ> 


11/04/2018 11:58 <ОТВ> 5 
28/01/2018 16:45 «<рІК»> БЕһ_едіїіоп ехатр1еѕ 


08/01/2018 10:34 <ОТВ> срі-ріп 
08/01/2018 10:34 <ОТВ> еггог 
29/01/2018 16:18 1,150 Ғауісоп.ісо 


1 Рі1е(5) 1,150 Бу+еѕ 
5 ріг(5) 1,611,387,486,208 Буфез +гее 


Функция ехес воспринимает три аргумента. 


О Саму команду (в предыдущем случае это $сма). 


О Массив, в который система поместит информацию, получаемую в результате 
выполнения команды (в предыдущем случае это фоџёрий). 





О Переменную для хранения возвращаемого статуса вызова (в предыдущем 
случае это $ѕ+а+иѕ). 


При желании параметры $оиёри+ и фѕёа+иѕ можно опустить, но тогда ничего не бу- 
дет известно ни о выходной информации, созданной в результате вызова, ни даже 
о том, насколько успешен был сам вызов. 


Обратите внимание также на применение функции езсарезНе11 ста. Желательно 
выработать привычку постоянно использовать эту функцию при вызове функции 
ехес, поскольку она обезвреживает содержимое командной строки, предотвращая 
выполнение случайных команд в том случае, если пользователю предоставляется 
возможность их ввода. 





Как правило, функции системных вызовов на веб-хостах общего пользования 
запрещены как представляющие угрозу системе безопасности. По возможности 
все задачи нужно стараться решить средствами РНР и обращаться к системе на- 
прямую только при крайней необходимости. Кроме того, вы должны знать, что 
обращение к системе выполняется довольно медленно, и, если приложение рас- 
считано на запуск как в Міпаомѕ, так и в Ипих/ УМХ, для него следует создавать 
две реализации вызова. 
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ХНТМЕ или НТМІ5? 


Поскольку документы ХНТМТ, должны иметь строго заданное оформление, их пар- 
синг может проводиться с использованием стандартных ХМГ-парсеров, в отличие 
от документов НТМТ, для которых требуется менее привередливый, специально 
приспособленный под НТМТ, парсер (в качестве которого, на нашу удачу, работают 
все наиболее популярные браузеры). В итоге ХНТМІ. так и не завоевал популяр- 
ности, и, когда настало время разработать новый стандарт, \/ЗС отдал предпочтение 
не новому стандарту ХНТМІ2, а поддержке НТМІ5. 


НТМІ5 обладает множеством свойств как НТМГА, так и ХНТМГ, но при этом 
он намного проще в использовании и менее строг к проверке, и, к нашему удо- 
вольствию, теперь имеется только один тип документа, объявляемый в заголовке 
документа НТМІ.5 (вместо ранее требуемых разнообразных строгих, переходных 
и кадрированных типов): 


<!БОСТУРЕ һётм1> 


Простого слова һёт1 достаточно, чтобы сообщить браузеру, что ваша веб-страница 
разработана для НТМІ.5, и, поскольку все самые последние версии наиболее 
популярных браузеров, начиная приблизительно с 2011 года, поддерживают 
большинство НТМТ.5-спецификаций, этот тип документа, как правило, является 
единственно необходимым, если, конечно, не сделать выбор в пользу обслуживания 
устаревших браузеров. 


Для всех целей и намерений при написании НТМІ -документов веб-разработчики 
могут спокойно игнорировать старые типы и синтаксис ХНТМГ-документов 
(например, использование <6г /> вместо простого тега <бг>). Но если придется 
обслуживать очень старые браузеры или какое-нибудь необычное приложение, 
основанное на ХНТМІ., то информацию о том, как это сделать, можно найти по 
адресу Һќр://хһћті.сот. 


Вопросы 


1. Какой спецификатор преобразования следует использовать в функции ргіпё# 
для отображения числа с плавающей точкой? 


2. Какая инструкция рг1п*+ может быть использована для приема строки "Нарру 
В1гЕПаау" и вывода строки "**Нарру"? 


3. Какой альтернативной функцией следует воспользоваться для выдачи инфор- 
мации из рг1 п не в браузер, а в переменную? 


4. Как создать отметку времени ОМІХ для времени и даты, представленных в виде 
7:11ат Мау 2па, 2016? 
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5. Какой режим доступа к файлу следует использовать в функции #ореп, чтобы 
открыть файл в режиме чтения и записи с усечением его размера и установкой 
указателя на начало файла? 


Какую РНР-команду нужно применить для удаления файла #і1е.іхї? 


Какая РНР-функция используется для чтения целиком всего файла и даже для 
извлечения его из Всемирной паутины? 


8. В какой суперглобальной переменной РНР содержатся сведения о загруженных 
на сервер файлах? 


9. Какая РНР-функция позволяет запускать системные команды? 


10. Какой из следующих стилей тегов в НТМІ5 предпочтительнее: <вг> или <Вг />? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Введение в Му5ОЕ 


Более чем 10 млн установленных на компьютерах копий Му5ОТ, позволяют, на- 
верное, считать ее наиболее популярной системой управления базами данных для 
веб-серверов. Она была разработана в середине 1990-х годов и теперь превратилась 
в полноценную технологию, входящую в состав многих современных наиболее по- 
сещаемых интернет-ресурсов. 


Одна из причин такого успеха — то, что она, как и РНР, является продуктом сво- 
бодного пользования. Кроме того, это очень мощная и исключительно быстрая 
система, способная работать даже на самом скромном оборудовании, не отнимая 
слишком много системных ресурсов. 


Система МуЗОТ. обладает также хорошей масштабируемостью, то есть база данных 
может увеличиваться в объеме вместе с вашим сайтом (последние сравнительные 
показатели можно посмотреть по адресу ВЁр://туза!.сот/мпу-туза/Бепситагк$). 


Основные характеристики МуѕЅ0і 


База данных — это структурированная коллекция записей или данных, хранящихся 
в компьютерной системе и организованных так, что можно осуществлять быстрый 
поиск и извлечение нужной информации. 


В названии МуЗОТ, составляющая 501. означает 5гисёитей Оиету Гапвиаве — язык 
структурированных запросов. Если характеризовать его в общих чертах, то это 
язык, основанный на словах английского языка и используемый также в других 
системах управления базами данных, например Ога е и Місгоѕоќ 501. Ѕегуег. 
Он разработан для предоставления возможности создания простых запросов к базе 
данных посредством команд следующего вида: 


ЅЕЕСТ +1%41е РВОМ риб11са*1оп$ МНЕКЕ аиёһог = 'Сһаг1еѕ О1сКеп$'; 
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В базе данных МуЗОТ. имеются одна или несколько таблиц, каждая из которых 
состоит из записей, или строк. Внутри строк находятся разные столбиы или поля, 
в которых и содержатся данные. В табл. 8.1 показана учебная база данных, в ко- 
торой присутствует информация о пяти книгах, структурированная по авторам, 
названиям, категориям и годам изданий. 


Таблица 8.1. Пример простой базы данных 





























Ац{пог (автор) Те (название) Туре (категория) Үеаг (год) 
Магк Туаш Тһе Адуепеигез оЁ Тот За\уег Есйоп 1876 
(Марк Твен) («Приключения Тома Сойера») |(Художественная) 

Јапе Аиѕќеп Ргійе апа Ргејидісе Еісйоп 1811 
(Джейн Остин) («Гордость и предубеждение») | (Художественная) 

Сћһаг1еѕ Рагҹіп Тһе Огіріп оЁ Ѕресіеѕ М№оп-Еісйоп 1856 
(Чарльз Дарвин) («Происхождение видов») (Научная) 

СЋаг1еѕ Оіскепѕ Тће О4 Сигіоѕібу Ѕһор Еісбіоп 1841 
(Чарльз Диккенс) («Лавка древностей») (Художественная) 

Уат ЗБаКезреаге Котео ава Јиіеё РІау 1594 
(Вильям Шекспир) («Ромео и Джульетта») (Пьеса) 








Каждая строка таблицы подобна строке в таблице МуЗОТ, столбец в таблице со- 
ответствует столбцу в МуЗОТ, и каждый элемент в строке подобен полю Муз ОТ. 


Чтобы однозначно идентифицировать эту базу данных, в последующих примерах 
я буду ссылаться на нее как на базу данных риб11са1оп$ (издания). Как вы уже 
заметили, все эти издания относятся к классической литературе, поэтому таблицу 
в базе данных, содержащую сведения о них, я буду называть с1а$$1с$. 


Сводка понятий, используемых в базах данных 


Основными понятиями, с которыми следует ознакомиться на данном этапе, яв- 
ляются: 

О база данных — контейнер для всей коллекции данных Му5ОТ; 

О таблица — вложенный в базу данных контейнер, в котором хранятся сами данные; 


О строка — отдельная запись, в которой могут содержаться несколько полей; 





О столбец — имя поля внутри строки. 


Следует заметить, что я не пытаюсь воспроизвести точную терминологию, исполь- 
зуемую в учебной литературе по реляционным базам данных, а хочу лишь дать 
простые, обычные определения, помогающие быстро усвоить основные понятия 
и приступить к работе с базой данных. 
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Доступ к МУу5ОЕ из командной строки 


Работать с МуЗОТ. можно тремя основными способами: используя командную 
строку, применяя веб-интерфейс наподобие рһрМуА4тіп и задействуя такой язык 
программирования, как РНР. Третий из перечисленных способов будет рассмотрен 
в главе 10, а сейчас изучим первые два способа. 


Начало работы с интерфейсом командной строки 


В следующих подразделах даны соответствующие инструкции для \/т4о\, 
тасОбЅ и іпих. 


Для пользователей \М/іпаоуѕ 


Если у вас в соответствии с инструкциями, изложенными в главе 2, обычным спо- 
собом установлена среда АМРР, то доступ к исполняемой программе Му5ОТ. 
можно получить из следующего каталога: 


С:\Рговгат Рі1еѕ (х86)\Атрр$\туза1\Ь1пт 








Если АМРР5 установлена в любое другое место, то нужно воспользоваться тем 
каталогом, в котором она установлена. 








По умолчанию начальным для МуЗОТ. будет пользователь по имени гоо*, у кото- 
рого будет исходный пароль туѕа1. 


Чтобы войти в интерфейс командной строки МуЅ0ОІ., следует выбрать команду 
Пуск > Выполнить и в окне запуска ввести команду СМ, после чего нажать клавишу 
Епќег. В результате будет вызвано командное окно №іпаоуѕ. Находясь в этом окне, 
нужно ввести следующую команду (внося в нее соответствующие коррективы): 


са с:\"Рговгат Рі1еѕ (х86) \Атррѕ\туѕд1\біп" 
муза1 -и гоо -рту$91 


Первая команда меняет текущий каталог на каталог МуЗОТ, а вторая предписывает 
МУЗОГ зарегистрировать вас как пользователя гоо* с паролем туѕ41. Теперь вы 
должны оказаться в среде Му50О1 и сможете приступить к вводу команд. 


Чтобы убедиться в том, что все работает должным образом, введите следующую 
команду, результат выполнения которой должен быть похож на показанный на 
рис. 8.1: 


ЭНОМ да+абаѕеѕ; 
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и Соттапа Рготрі- туѕдЇ -и гос! -рипуза! 


С:\Ргоргат Рі1еѕ (х86)\Атррз\ту5491\61п>ту541 -и гооїт -ртуѕд1 

Магпіпв: Оѕіпв а раззмога оп һе соттапа 1іпе іп+ег+асе сап Бе іпѕесиге. 
ме1соте То Тһе Муѕ501 топітог. Соттапаѕ епа ман ; ог \в. 

Үоиг Му501 соппестіоп іЯ іѕ 17 

Ѕегмег мегѕіоп: 5.6.35 МУ$ОЁЕ Соттипі+у Ѕегмег (бРІ) 


Соругірһ+ (с) 2008, 2016, Огас1е апд/ог 11$ а#Ғі1іатеѕ. А11 гірһїѕ гезегуед. 
Огас1е іѕ а геріѕ+егей +гадетагКк о+ Огас1е Согрогатіоп апд/ог 115 
а++111а+е5. О+Нег патеѕ тау Бе +гайетагкѕ о+ Тһеіг геѕрес+іме 

омпегѕ. 


Туре "һе1р;’ ог "\һ' Ғог һе1р. Туре '\с’ фо с1еаг Тһе сиггепї іприї ѕТатетеп+. 


туѕда1> ѕһом датађбаѕеѕ; 


іпҒогтатіоп_хсһета | 
туѕд1 
рег+огтапсе_ѕсһета | 


гонѕ іп ѕеї (0.00 ѕес) 





тУ591> = 








Рис. 8.1. Доступ к МУЗОЕ из командной строки МИпао\ 


Теперь можете перейти к подразделу «Использование интерфейса командной 
строки». 


Для пользователей тасО$ 


Чтобы иметь возможность выполнять то, о чем говорится в этой главе, нужно в со- 
ответствии с инструкциями, изложенными в главе 2, установить среду АМРР5. 
Следует также иметь работающий веб-сервер с запущенным сервером Муз ОТ. 


Для входа в интерфейс командной строки МуЗОТ. необходимо запустить про- 
грамму Тегиита| (доступную в меню ОиП@ез программы Ет4ег). Затем вызвать 
программу МуЗОТ, которая должна быть установлена в каталоге /Арр11са%1оп$/ 
атррѕ/туѕд1/6біп. 


По умолчанию исходным пользователем для МуЗОГ. будет пользователь по имени 
гоот, и пароль у него будет туза1. Поэтому для запуска программы наберите сле- 
дующую команду: 


/Арр1іса+іопѕ/атррѕ /туѕд1/біп/туѕд1 -и гоо -ртуѕа1 
Эта команда предпишет МуЅОТ. зарегистрировать вас как пользователя гоо* с ис- 


пользованием пароля туѕд1. Чтобы проверить, что все в порядке, наберите следу- 
ющую команду (результаты ее выполнения показаны на рис. 8.2): 


ЭНОМ аа+абаѕеѕ; 


Если будет получено сообщение об ошибке, не позволяющей подключиться к ло- 
кальному серверу МУЗОТ, (Сап'+ соппесі $о 1оса1 Муѕ01 зегуег Епгоиёй ѕоскеі), 
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оо туза аем- 85х24 ананан 
іМас: біп туѕд1 -и гоо 
Ме\1соте Фо һе Муѕ01 топіог. Соттапѕ еп міїһ ; ог \9. 
Үоиг Му50Е соппесёіоп ій 1$ 2 

Ѕегуег мегѕіоп: 5.1.54 Муѕ01 Соттипі+у Ѕегуег (СРІ) 





Соругідһё (с) 2000, 2010, Огас1е ап/ог 14$ аїѓі1іаёеѕ. А11 гідһёѕ геѕегуей. 
Тһіѕ зо &маге сотеѕ міёһ АВЗОГИТЕЕУ №0 МАВВАМТУ. Тһіѕ 1$ Ёгее зомаге, 

апі уси аге ме1соте Фо тойіѓу ап ге91$ЕгаБифе іё ипдег 4Ве СРЕ у2 1ісепѕе 
Туре 'һе1р;' ог '\В' Ғог һе1р. Туре '\с' Фо с1еаг {Ве сиггепф 1приф $Хафетепх. 


пу591> ѕһом даёабаѕеѕ; 


+-------------------- + 
| ОахаБазе 
+-------------------- + 
| іпѓогтаёіоп_ѕсһета | 
| пу591 | 
| +еѕї 
+-------------------- + 


3 гом$ іп зеф (0.00 ѕес) 


пуѕд1> Щ 











Рис. 8.2. Доступ к Му501 из программы Тегтіпа! в тасО5 


то сначала вам придется запустить сервер МуЅОТ в соответствии с описанием, 
приведенным в главе 2. 


Теперь вы готовы перейти к подразделу «Использование интерфейса командной 
строки». 


Для пользователей Ипих 


На машинах, работающих под управлением ОМХ-подобных операционных систем, 
к которым относится и Піпих, РНР и МуЗОТ. практически всегда будут заранее 
установлены и запущены, позволяя вводить текст примеров следующего раздела 
(если же этого не случилось, нужно выполнить процедуры, которые рассматрива- 
лись в главе 2, когда шел разговор об установке АМРР5). Сначала требуется войти 
в систему МуЗОТ, введя следующую команду: 


муза1 -и гоо -р 
Эта команда предписывает Муз ОТ, зарегистрировать вас под именем гоо* и запро- 


сить пароль. Если у вас есть пароль, то нужно его ввести, если пароль отсутствует — 
просто нажать клавишу Епќег. 


После входа в систему нужно проверить работоспособность программы, набрав 
следующую команду, примерный результат выполнения которой показан на 
рис. 8.3: 


ЭНОМ да+абаѕеѕ; 
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Усйп пшау а1зо азе зузіпзгса11 (8) со ге-епсег сҺе іпзӯса11асіоп апа 
сопѓҒісогасіоп осі1іісу. Едіс /есс/юњоса со сћһапде 5513 1од1п аппоопсетњепі. 


горпіхұ# тузі -а гоог -р 

Епсег раззиога: 

Ме1соше со сҺе Му50Т, топісог. Соютапіз епа мітсһ ; ог \9. 
Успг Му50Г соппесс1оп іа 13 4377812 

5егуег уегз1оп: шуза1-зегуег-5.0.51а 


Туре 'Бе1р;' ог '\Һ' Ғог Һе1р. Туре '\с' со с1еаг све БаЕЕег. 


уз491> зһом дасаразез; 


гомз іп зес (0.02 зес) 


пуза1> | 





Рис. 8.3. Доступ к Му501 в Ипих 


Если по каким-то причинам эта команда не сработает, обратитесь, пожалуйста, 
к главе 2, чтобы убедиться в том, что МуЗОТ. установлена должным образом. 


Если команда будет выполнена, можете перейти к подразделу «Использование 
интерфейса командной строки». 


Му50І на удаленном сервере 


При получении доступа к МуЗОТ. на удаленном сервере, который, скорее всего, 
будет работать под управлением операционной системы семейства типа Гіпих/ 
ЕтееВ5р /ОМІХ, нужно выйти на удаленную машину с помощью безопасного про- 
токола $$Н (использования небезопасного протокола Тепе нужно избегать всеми 
силами). После подключения к удаленной машине можно встретиться с незначи- 
тельными вариациями в порядке работы, зависящими от настроек сервера, которые 
выполнены системным администратором, особенно если этот сервер предназначен 
для коллективного пользования. Поэтому следует убедиться в доступности МубОТ. 
и в том, что у вас есть имя пользователя и пароль. Получив эти сведения, можно 
набрать следующую команду, в которой вместо имя_пользователя нужно вставить 
предоставленное имя пользователя: 


туѕ91 -и имя пользователя -р 


После появления приглашения необходимо ввести пароль. Затем можно попро- 
бовать ввести следующую команду, примерный результат выполнения которой 
показан на рис. 8.3: 


ЅНОМ Яа+абаѕеѕ; 
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В перечне баз данных могут присутствовать и другие ранее созданные базы, среди 
которых базы +еѕї может и не оказаться. 


Следует также понимать, что все находится под полным контролем системного 
администратора и вы можете столкнуться с некоторыми неожиданными настрой- 
ками. Например, может оказаться, что вам следует ставить перед именами всех 
создаваемых вами баз данных уникальную идентификационную строку, обеспе- 
чивающую их бесконфликтную работу с базами данных, созданными другими 
пользователями. 


При возникновении любых проблем нужно переговорить с системным администра- 
тором, который должен с ними разобраться. У него нужно запросить имя пользо- 
вателя и пароль, а также можно попросить дать вам возможность создавать новые 
базы данных или как минимум попросить создать для вас хотя бы одну готовую 
к работе базу данных. Тогда в этой базе можно будет создать все необходимые 
таблицы. 


Использование интерфейса командной строки 


Для всего, что изложено далее в тексте главы, нет никакой разницы, из какой 
именно системы — УЛт4о\уз, тасО$ или Глпих — вы получаете непосредственный 
доступ к Му5ОТ, поскольку все используемые команды (и сообщения об ошибках, 
которые могут быть получены) абсолютно одинаковы. 


Точка с запятой 


Начнем с самого простого. Набирая команду, вы, наверное, заметили точку с за- 
пятой (;) в конце ЅНОМ ЯӢа+абаѕеѕ;? Этот символ используется в МузОТ. для завер- 
шения команд или отделения их друг от друга. Если забыть поставить этот символ, 
МубОТ. выдаст приглашение и будет ожидать от вас его ввода. Запрашиваемая 
точка с запятой стала частью синтаксиса, позволяющего вводить длинные коман- 
ды, разбивая их на несколько строк. Она также позволяет вводить сразу несколько 
команд, после каждой из которых стоит точка с запятой. После нажатия вами кла- 
виши Епќег интерпретатор получит все эти команды в едином пакете и выполнит 
их в порядке следования. 








Вместо результата введенной команды довольно часто появляется приглашение 
Му50І. Это означает, что вы забыли поставить завершающую точку с запятой. 
В таком случае нужно просто ввести точку с запятой, нажать клавишу Епїег, и вы 
получите желаемый результат. 








На экране могут появляться шесть разных приглашений Му ОТ. (табл. 8.2), 
позволяющих определить, на каком именно этапе многострочного ввода вы на- 
ходитесь. 
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Таблица 8.2. Шесть приглашений к вводу команды Му5ОЕ 





Приглашение Му5$ОЕ |Значение 











туза[> Готова к работе и ждет ввода команды 
—> Ожидание следующей строки команды 
> Ожидание следующей строки строкового значения, которое 


начиналось с одинарной кавычки 





"> Ожидание следующей строки строкового значения, которое 
начиналось с двойной кавычки 





> Ожидание следующей строки строкового значения, которое 
начиналось с символа засечки (`) 





/*> Ожидание следующей строки комментария, который начинался 
с символов /* 














Отмена команды 


Если, набрав часть команды, вы решили, что ее вообще не следует выполнять, то 
ни в коем случае не пользуйтесь сочетанием Сіі+С! Его нажатие приведет к закры- 
тию программы. Вместо этого можно ввести символы \с и нажать клавишу Епќег. 
Порядок использования этой команды показан в примере 8.1. 


Пример 8.1. Отмена ввода строки 


бессмысленная для туѕда1 строка \с 


При наборе этой строки МуЅОТ. проигнорирует все ранее введенные символы и вы- 
даст новое приглашение. Без \с программа выведет сообщение об ошибке. Но этой 
парой символов нужно пользоваться с оглядкой: если у вас уже есть открытая 
строка или комментарий, то прежде, чем применить \с, вам придется их закрыть, 
иначе МуЅОТ примет \с за часть строки. В примере 8.2 показано, как в таком случае 
следует задействовать \с. 


Пример 8.2. Отмена ввода из строки 


это "бессмысленная для ту$491 строка" \с 


Следует также заметить, что комбинация \с после точки с запятой не отменит 
предыдущую команду, поскольку это уже будет новая инструкция. 


Команды Му5о( 


Нам уже приходилось встречаться с командой ЅНОМ, которая выводит список та- 
блиц, баз данных и многих других элементов. В табл. 8.3 приведен перечень наи- 
более востребованных команд. 
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Таблица 8.3. Наиболее востребованные команды Му5 ОЕ 







































































Команда Действие 

АГТЕК Внесение изменений в базу данных или таблицу 
ВАСКОР Создание резервной копии таблицы 
\с Отмена ввода 

СВЕАТЕ Создание базы данных 

РЕГЕТЕ Удаление строки из таблицы 
РЕЗСКВЕ Описание столбцов таблиц 

ОВОР Удаление базы данных или таблицы 
ЕХІТ (Сі1+С) Выход 

СКАМТ Изменение привилегий пользователя 
НЕГР (\һ, \?) Отображение подсказки 

ІМЅЕВТ Вставка данных 

ГОСК Блокировка таблицы (таблиц) 

ОШ (а) То же самое, что и ЕТ 

КЕМАМЕ Переименование таблицы 

ЗНОМ Список сведений об объектах 
ЅООВСЕ Выполнение команд из файла 
ТАТО (\$) Отображение текущего состояния 
ТЕОМСАТЕ Опустошение таблицы 

ОМГОСК Снятие блокировки таблицы (таблиц) 
ОРРАТЕ Обновление существующей записи 
08Е Использование базы данных 











Многие из представленных команд будут рассмотрены по мере изучения этой главы, 
но сначала следует запомнить два важных положения, касающихся команд МуЅ01. 


О Команды и ключевые слова 501. нечувствительны к регистру. Все три коман- 
ды — СВЕАТЕ, сгеате и СгЕаТе — абсолютно идентичны по смыслу. Но, чтобы было 
понятнее, для команд лучше использовать буквы верхнего регистра. 


О Имена таблиц нечувствительны к регистру в \/п4о\\з, но чувствительны к ре- 
гистру в пих и тасО$. Поэтому из соображений переносимости нужно всегда 
выбирать буквы одного из регистров и пользоваться только ими. Для имен 
таблиц рекомендуется использовать буквы нижнего регистра или комбинацию 
из букв верхнего и нижнего регистра. 
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Создание базы данных 


Если вы работаете на удаленном сервере, у вас только одна учетная запись поль- 
зователя и вы имеете допуск только к одной созданной для вас базе данных, то 
можете перейти к изучению пункта «Создание таблицы» далее. А если это не так, 
то продолжим, введя следующую команду для создания новой базы данных по 
имени руб 11 са 1оп$: 


СКЕАТЕ РАТАВАЅЕ риб11са*1оп$; 


При успешном выполнении команды будет выведено сообщение, пока не имеющее 
для нас особого смысла, — диегу ОК, 1 гом аҒесёеа (0.38 ес) (Запрос выполнен, 
обработана 1 строка за 0,38 с), но вскоре все станет на свои места. После создания 
базы данных с ней нужно будет работать, поэтому даем следующую команду: 


ОЅЕ рир11ісатіопѕ; 


Теперь должно быть выведено сообщение об изменении текущей базы данных 
(Оаабаѕе сһапвеа), и после этого база будет готова к продолжению работы со сле- 
дующими примерами. 


Организация доступа пользователей 


Теперь, когда вы уже убедились в том, насколько просто пользоваться МуЗОТ, 
и создали свою первую базу данных, настало время посмотреть, как происходит 
организация доступа пользователей, поскольку, вполне вероятно, вам не захочется 
предоставлять РНР-сценариям привилегированный доступ (гоо) к МУЗОТ, что 
грозит большими неприятностями в том случае, если кому-то вздумается взломать 
ваш сайт. 


Для создания нового пользователя выдается команда предоставления прав — СКАМТ, 
которая принимает следующую форму (не вздумайте все это набирать, поскольку 
это еще не команда): 


СКАМТ ПРАВА ОМ база данных. объект ТО ' имя пользователяҝ@имя хоста! 
ТОЕМТТЕТЕО ВУ 'пароль'; 


Эта форма не должна вызвать каких-либо затруднений, быть может, за исключе- 
нием фрагмента база_данных. объект. Это ссылка на саму базу данных и на содер- 
жащиеся в ней объекты, например на таблицы (табл. 8.4). 


Таблица 8.4. Примерные параметры для команды СКАМТ 





Параметр Значение 


я Все базы данных и все их объекты 





база данных.* Только база данных с именем база данных и все ее объекты 














база данных.объект | Только база данных с именем база данных и ее объект с именем объект 
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Итак, создадим пользователя, который получит доступ только к новой базе данных 
риб11 са 1оп$ и ко всем ее объектам, и введем для этого следующую команду (заменив 
в ней имя пользователя јіт и пароль тураѕѕма выбранными вами именем и паролем): 


СКАМТ АЁЁЕ ОМ риб11са*10п$.* ТО ')1т' @'1оса1поз*' 
ТОЕМТТЕТЕО ВУ 'тураѕѕма'; 


Эта команда предоставляет пользователю јіт@1оса1һоѕё полный доступ к базе 
данных риб1ісаёіопѕ при использовании пароля мураззма. Работоспособность этой 
установки можно проверить, если ввести команду аи1* для выхода из системы, 
а затем перезапустить МуЗОТ, воспользовавшись прежним способом запуска, но 
вместо -и гоо* -р набрав -и јіт -р или указав в этой строке созданное вами имя 
пользователя. В табл. 8.5 показаны команды, соответствующие используемой вами 
операционной системе, но если в вашей системе МуЗОТ-клиент установлен в дру- 
гой каталог, то в команду следует внести соответствующие коррективы. 


Таблица 8.5. Запуск МубОЕ и вход в систему под именем јіт@1осаіћоѕ 














Операционная система | Пример команды 

Мтп4о\з С^"Ргоргат ЕЙез (х86)\ Атррз\туза\Ып\ туза" -и јіт -р 
тасО5 /АррИсайоп$/атррз/туза/Ьт/туза[ -и јіт -р 

Тіпих туза! -и јіт -р 














Теперь, как только появится приглашение, нужно лишь ввести свой пароль, и вход 
в систему будет открыт. Кстати, при желании можете поместить пароль сразу же 
после ключа -р (не используя никаких пробелов). Тем самым вы избежите его вво- 
да после появления приглашения. Но такой подход не приветствуется, поскольку, 
если в вашей системе зарегистрировались и другие пользователи, они могут под- 
смотреть вводимую вами команду и получить доступ к вашему паролю. 








Вы можете предоставлять только те права, которыми уже обладаете, и должны 
иметь право на ввод команд СВАМТ. Этим и ограничивается выбор предоставля- 
емых вам прав, если только вам не предоставлены абсолютно все права. Если вас 
интересуют подробности использования команд СВАМТ и ВЕ\/ОКЕ, которые позво- 
ляют отозвать уже предоставленные права, обратитесь к документации по адресу 
Һ&р://іпуи.сот/туѕаіагапё. Вам также следует знать, что, если при создании 
нового пользователя не будет указана инструкция ТРЕМТТЕТЕР ВУ, у пользователя 
не будет пароля, из-за чего возникнет неблагоприятная с точки зрения безопас- 
ности ситуация, которой лучше избегать. 








Создание таблицы 


В данный момент вы должны находиться в системе МуЗОТ, обладать всеми (АШ) 
правами, выделенными для базы данных риб1іса+іопѕ (или той базы данных, ко- 
торая была для вас создана), и быть готовыми к созданию своей первой таблицы. 
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Поэтому нужно включить базу данных в работу, набрав следующую команду (и за- 
менив риб 11 саЕ1оп$ именем своей базы данных, если оно у нее другое): 


ОЅЕ рир1ісатіопѕ; 


Теперь наберите построчно команды, которые приведены в примере 8.3. 


Пример 8.3. Создание таблицы под названием сіаѕѕісѕ 


СВЕАТЕ ТАВІЕ с1аѕ51ісѕ ( 
аџёћог \УАВСНАВ (128), 
+1Е1е МАВСНАВ (128), 
Фуре МАКСНАК (16), 
уеаг СНАК(4)) ЕМСІМЕ Іппорв; 





Последние два слова в этой команде требуют небольшого разъяснения. Об- 
работка запросов внутри Му5ОЕ может осуществляться множеством различных 
способов, которые поддерживаются разными исполнительными механизмами. На- 
чиная с версии 5.6, исходным механизмом работы с хранилищем Му5ОЕ является 
Іппорв, используемый нами из-за имеющейся в нем поддержки поиска в режиме 
РОНТЕХТ. Если у вас относительно новая версия Му$СЕ, часть команды ЕМС1МЕ 
Іппорв при создании таблицы можно опустить, но я ее сохранил для того, чтобы 
подчеркнуть, какой именно исполнительный механизм используется. 





Если у вас запущена версия Му501 ниже 5.6, то механизм Іппорв не станет под- 
держивать индексы РУЦТЕХТ и вам придется вместо ТппорВ указать в команде 
МУТЗАМ, чтобы показать, что нужно воспользоваться именно этим исполнительным 
механизмом (см. далее раздел «Создание индекса ЕОШТЕХТ»). 


Іппорв в целом более эффективен и является рекомендуемым вариантом при- 
менения. Если у вас в соответствии с подробными инструкциями, изложенными 
в главе 2, установлен пакет программных средств АМРР5, вы будете пользоваться 
версией Му50І не ниже 5.6.35. 





Предыдущую команду можно ввести одной строкой: 


СКЕАТЕ ТАВІЕ с1аѕ5ісѕ (аиёһог МАКСНАК (128), +1Е1е \/АВСНАК(128), +уре 
МАКСНАК (16), уеаг СНАВ(4)) ЕМСІМЕ Іппорв; 





но команды Му501 могут быть длинными и сложными, поэтому я рекомендую 
набирать их в формате, показанном в примере 8.3, до тех пор, пока вы не при- 
выкнете к набору длинных строк. 





После ввода команды Муз ОТ. должна выдать ответ: Оиегу ОК, @ гомѕ аҒҒес+еа, а так- 
же показать время, затраченное на выполнение команды. Если вместо этого появится 
сообщение об ошибке, внимательно проверьте синтаксис команды. Должны быть 
на месте все скобки и запятые, а может быть, допущена какая-нибудь опечатка. 


Чтобы проверить факт создания новой таблицы, наберите команду: 


РЕЗСКТВЕ с1а$$1с$; 


Доступ к МУу5ОЕ из командной строки 207 





Если все в порядке, то вы увидите последовательность команд и ответов, пока- 
занных в примере 8.4, и в ней особое внимание нужно обратить на отображение 
формата таблицы. 


Пример 8.4. Сеанс работы с Му501: создание и проверка формата новой таблицы 


ту$а1> ЧОЅЕ риб1іса+іопѕ; 
Ра+абаѕе сһапғеа 
туѕд1> СКЕАТЕ ТАВІЕ с1а$$1с$ ( 


-> аџёһог МАКСНАК (128), 

-> Е11е МАВСНАВ (128), 

-> Журе МАВСНАВ(16), 

-> уеаг СНАВ(4)) ЕМСТМЕ Іппорв; 


Оцегу ОК, Ө гомѕ аҒҒес+еа (0.03 ѕес) 


туѕа1> ОЕЗСКТВЕ с1а$$1с$; 


------- +++ 
| Е1е19а | Туре | №11 | Кеу | реғаџ1+ | Ех+га | 

------- +4 -+ 
| аиёһог | уагспаг(128) | ҮЕЅ | | МЕ | | 
| +іїєїе | магсһаг(128) | ҮЕЅ | | мо | | 
| журе | уагспаг (16) | ҮЕЅ | | ме | | 
| уеаг | сһаг(4) | ҮЕЅ | | м | | 

------- ++ 2+ 


4 гом$ іп зеф (0.00 $ес) 


Команда рЕЅСВІВЕ является неоценимым средством отладки, когда нужно убедиться 
в успешном создании таблицы Му5ОГ. Этой командой можно воспользоваться 
также для того, чтобы просмотреть имена полей или столбцов таблицы и типы 
данных в каждом из них. Рассмотрим подробнее все заголовки: 


О 


9 
9 
9 


о 





Ғіе1а — имя каждого из полей или столбцов таблицы; 
Туре — тип данных, сохраняемых в поле; 
№11 — заголовок, который показывает, может ли поле содержать значение №1; 


Кеу — примененный тип ключа, если таковой имеется (ключи, или индексы 
в МуЅОГ позволяют ускорить просмотр и поиск данных); 


"е+Ғаџ1+ — исходное значение, присваиваемое полю, если при создании новой 
строки не указано никакого значения; 


Ехёга — дополнительная информация, например о настройке поля на автома- 
тическое приращение его значения. 


Типы данных 


В примере 8.3 можно было заметить, что для трех полей таблицы объявлены типы 
данных \АВСНАВ, а для одного — тип данных СНАВ. Термин \АВСНАВ означает УА а Ме 
еп=й СНАКасет тих — строка символов переменной длины, а команда «видит» 
числовое значение, указывающее максимальную длину, разрешенную для строки, 
хранящейся в этом поле. 
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Оба типа данных (и СНАВ, и УАВСНАВ) принимают строки текста, ограничивая их 
длину размером поля. Разница между ними состоит в том, что каждая строка 
в поле СНАК имеет указанный размер. Если поместить в него строку меньшего 
размера, она будет дополнена пробелами. В поле УАВСНАВ дополнения текста 
не происходит; его размер может изменяться таким образом, чтобы в него по- 
мещался вставленный текст. Но при использовании поля МАКСНАК требуется идти 
на небольшие издержки, чтобы отслеживать размер каждого значения. Поэтому 
СНАК больше подходит для тех случаев, когда данные во всех записях имеют оди- 
наковый размер, а УАКСНАК эффективнее применять, когда размеры могут сильно 
отличаться друг от друга и возрастать. Но за это приходится расплачиваться тем, 
что доступ к данным типа УАКСНАК осуществляется несколько медленнее, чем 
к данным типа СНАК. 


Еще одной особенностью символьных и текстовых столбцов, играющей важную 
роль для сегодняшнего глобального Интернета, является набор символов. Вполне 
очевидно, что для английского и русского языков используются разные наборы 
символов. При создании символьных или текстовых столбцов им можно присвоить 
тот или иной набор символов. 


Тип данных \/АВСНАВ очень удобен в нашем примере, поскольку позволяет разме- 
стить имена авторов и названия различной длины, помогая Муз ОТ. планировать 
размер базы данных и эффективнее осуществлять просмотр и поиск данных. 
Но есть у него и недостаток: если присвоить строковое значение длиннее позво- 
ленного, оно будет усечено до максимальной длины, объявленной в определении 
таблицы. 


Но у поля уеаг (год) вполне предсказуемые значения, поэтому вместо МАКСНАК для 
него используется более подходящий тип данных — СНАВ(4). Параметр 4 позволяет 
выделить под него 4 байта данных, поддерживающих все года от —999 до 9999; байт 
содержит 8 бит и может иметь значения от 00000000 до 11111111, что в десятичном 
представлении означает от 0 до 255. 


Можно было бы, конечно, сохранять год и в значении, состоящем из двух цифр, 
но если данные не утратят своей актуальности и в следующем столетии или по- 
казатель лет каким-то образом опять вернется к нулевому значению, то эту про- 
блему нужно решать в первоочередном порядке, поскольку она очень похожа на 
«проблему 2000 года», из-за которой даты начиная с 1 января 2000 года во многих 
крупных компьютерных системах могли быть отнесены к 1900 году. 





Тип данных УЕАК не выбран для хранения года в таблице сіаѕѕісѕ потому, что он 
поддерживает только 0000 год и диапазон лет с 1901 по 2155. Му5ОЕ из сооб- 
ражений эффективности хранит значение года в одном байте, а это значит, что 
храниться могут только 256 значений, в то время как книги в таблице сіаѕѕісѕ 
изданы задолго до 1901 года. 
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Тип данных СНАВ 


В табл. 8.6 перечислены типы символьных данных СНАВ. Оба типа предлагают 
указать параметр, устанавливающий максимальную (или точную) длину строки, 
которая может быть помещена в поле. Из таблицы следует, что у каждого типа есть 
присущее ему максимальное значение длины. Для данных типа \АВСНАВ длиной от 
0 до 255 байт требуется еще один байт в хранилище, а для данных длиной более 
256 байт требуется еще два байта. 


Таблица 8.6. Типы данных СНАК, используемые в Му5ОЕ 











Тип данных Количество байтов Примеры 

СНАВ(п) В точности равное и (<= 256) | СНАК(5) Нео использует 5 байт 
СНАВ(57) СоодБуе использует 57 байт 

УАКСНАК(и) |Вплоть до и (<= 65 536) УАКСНАК(7) Нео использует 5 байт 
УАКСНАК(100) Соо4Буе использует 7 байт 

















Тип данных ВІМАВҮ 


Тип данных ВТМАВУ (табл. 8.7) применяется для хранения строк байтов, не имеющих 
связанного с ними набора символов. Например, тип данных ВТМАВУ можно исполь- 
зовать для хранения изображения в формате СТЕ. 


Таблица 8.7. Типы данных ВІМАВҮ, используемые в МуѕЅ01. 














Тип данных Количество байтов Примеры 

ВІЧАКҮ(0и) В точности равное и (<= 256) | Похож на СНАК, но содержит двоичные 
данные 

УАКВІМАКҮ(и) | Вплоть до и (<= 65 536) Похож на УАБСНАК, но содержит 
двоичные данные 














Типы данных ТЕХТ 


Символьные данные могут быть также сохранены в одном из наборов полей ТЕХТ. 
Различия между этими полями и полями МАКСНАК невелики. 


О До выхода версии 5.0.3 МузОТ. удалял из полей \МАВСНАВ все начальные и за- 
мыкающие пробелы. 


О В полях типа ТЕХТ не может быть исходных значений. 





О В столбце ТЕХТ МуЅ0ОТ индексирует только первые и символов (п задается при 
создании индекса). 


Это означает, что МАВСНАВ является более приемлемым и быстрее обрабатываемым 
типом данных, если нужно вести поиск по всему содержимому поля. Если поиск 
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никогда не будет вестись более чем в конкретном количестве начальных символов 
хранящегося в поле значения, то, наверное, нужно остановить свой выбор на типе 
данных ТЕХТ (табл. 8.8). 


Таблица 8.8. Типы данных ТЕХТ, используемые в Му ОЕ 








Тип данных Количество байтов Особенности 
ТМУТЕХТ(и) Вплоть до п (<= 256) Считается строкой с набором символов 
ТЕХТ(и) Вплоть до и (<= 65 536) Считается строкой с набором символов 





МЕРГОМТЕХТ(и) | Вплоть до и (<= 1,67е+7) | Считается строкой с набором символов 








ТОМСТЕХТ(и) Вплоть до и (<= 4,29е+9) | Считается строкой с набором символов 

















Использование типов данных, имеющих меньший максимальный размер, также 
повышает эффективность работы, поэтому следует использовать наиболее подхо- 
дящий известный тип с наименьшим максимальным размером, способный вместить 
сохраняемую в поле строку. 


Тип данных ВІОВ 


Аббревиатура ВТ.ОВ означает Втату Газе ОБесЕ — большой двоичный объект, и по- 
этому, как и можно было предположить, тип данных ВЕОВ больше всего подходит 
для хранения двоичных данных, превышающих по объему 65 536 байт. Другим 
основным отличием ВЕОВ от типа данных ВТМАКУ является то, что для столбцов типа 
ВЕОВ нельзя задавать исходные значения. Типы данных ВЕОВ перечислены в табл. 8.9. 


Таблица 8.9. Типы данных ВЕОВ, используемые в Муѕ501. 





Тип данных Количество байтов Особенности 





ТІМҮВІОВ(л) Вплоть до п (<= 256) Считается не набором символов, 
а двоичными данными 





ВІОВ(л) Вплоть до и (<= 65 536) Считается не набором символов, 
а двоичными данными 


МЕРГОМВГОВ(и) | Вплоть до и (<= 1,67е+7) | Считается не набором символов, 
а двоичными данными 











ПОМСВІОВ(и) Вплоть до и (<= 4,29е+9) | Считается не набором символов, 
а двоичными данными 

















Числовые типы данных 


В МУЗОГ. поддерживаются различные числовые типы данных — от одиночного 
байта до чисел с плавающей точкой с удвоенной точностью. Хотя для числового 
поля можно использовать до 8 байт, лучше все же выбрать поле с самым скром- 
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ным типом данных, в котором способно уместиться наибольшее из ожидаемых 
вами значений. Тогда ваша база данных будет небольшой по объему и быстрой 
по доступу. 


В табл. 8.10 перечислены числовые типы данных, поддерживаемые Му5ОТ, и диа- 
пазоны значений, которые могут содержаться в их полях. Если вы не знакомы с тер- 
минологией, поясню, что число со знаком имеет диапазон возможных значений от 
отрицательного до нуля и от нуля до положительного значения, а число без знака 
может быть в диапазоне от нуля до положительного значения. Оба они могут иметь 
одинаковую величину, нужно лишь представить число со знаком, сдвинутым напо- 
ловину влево, с одной половиной в отрицательном, а с другой — в положительном 
диапазоне. Следует заметить, что значения с плавающей точкой (любой точности) 
могут быть только числами со знаком. 


Таблица 8.10. Числовые типы данных, используемые в МуѕЅ01. 



































Тип данных Количество | Минимальное значение Максимальное значение 

байтов 

Со знаком Без знака Со знаком Без знака 

ТТМУМТ 1 —128 0 127 255 
ЭМАВБЫМТ 2 —32 768 0 32 767 65 535 
МЕРІОМІМТ З —8,38е+6 0 8,38е+6 1,67е+7 
ІЧТ или ІЧТЕСЕК |4 —2,15е+9 0 2,15е+9 4,29е+9 
ВТСТМТ 8 —9,22е+18 0 9,22е+18 1,84е+19 
ЕГОАТ 4 —3,40е+38 Не бывает |3,40е+38 Не бывает 
РОЧВЕЕ или 8 —1,80е+308 Не бывает 1,80е+308 Не бывает 
ВЕАІ. 























Чтобы указать, какой именно тип данных используется, со знаком или без знака, 
применяется спецификатор О№ѕ16МЕр. В следующем примере создается таблица по 
имени ађ1епате, содержащая поле Ғіе1апате с типом данных О№ЅІСМЕР ІМТЕСЕК: 


СКЕАТЕ ТАВІЕ ©аб1епате (Ғіе1Япате ІМТ ОМЅІСМЕР); 


При создании числового поля можно также передать в качестве параметра необя- 
зательное число: 


СКЕАТЕ ТАВІЕ ©абБ1епате (Ғіе1пате ІМТ (4)); 


Но при этом следует помнить, что, в отличие от типов данных ВТМАКУ и СНАК, этот 
параметр не показывает количество байтов, выделяемых под хранение. Может быть, 
это противоречит интуитивному восприятию, но на самом деле это число обозна- 
чает отображаемую ширину данных в поле при его извлечении, Оно часто исполь- 
зуется вместе со спецификатором 2ЕВОЕТЕ: 


СКЕАТЕ ТАВІЕ ©аб1епате (Ғіе1ӣпате ІМТ (4) 2ЕКОҒІШІ); 
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Этот спецификатор указывает на то, что все числа шириной меньше четырех 
символов дополняются одним или несколькими нулями, для того чтобы ширина 
отображаемого поля составляла четыре символа. Если поле уже занимает четыре 
и более символа, дополнение не производится. 


Типы данных ОАТЕ и ТІМЕ 


В табл. 8.11 показана еще одна важная категория типов данных, поддерживаемая 
МУуЅОГ, которая относится к дате и времени. 


Таблица 8.11. Типы данных РАТЕ и ТІМЕ, используемые в Му5ОЕ 

















Тип данных Формат времени-даты 
РАТЕТІМЕ :0000-00-00 00:00:00" 

РАТЕ :0000-00-00' 

ТІМЕЅТАМР :0000-00-00 00:00:00" 

ТІМЕ '00:00:00' 

УЕАК 0000 (только годы 0000 и 1901-2155) 














Значения, имеющие типы данных рАТЕТІМЕ и ТТМЕЗТАМР, отображаются одинаково. 
Основное различие в том, что у ТІМЕЅТАМР слишком узкий диапазон (от 1970 до 
2037 года), а в БАТЕТТМЕ может храниться практически любая нужная дата, если 
только вы не интересуетесь античной историей или научной фантастикой. 


Но ТІМЕЅТАМР также полезен, потому что, используя его, можно позволить МуЗОГ. 
установить для вас нужное значение. Если при добавлении строки не задавать 
значение для поля с этим типом данных, то в него автоматически будет вставлено 
текущее время. Можно также заставить Му ОТ. обновлять столбец с типом данных 
ТІМЕЅТАМР при каждом изменении строки. 


Атрибут АОТО ІМСВЕМЕМ№Т 


Иногда нужно обеспечить уникальность каждой строки, имеющейся в базе данных. 
В вашей программе это можно сделать за счет тщательной проверки вводимых дан- 
ных и обеспечения их различия хотя бы в одном из значений в любых двух строках. 
Но такой подход не защищен от ошибок и работает только в конкретных обстоя- 
тельствах. Например, в таблице один и тот же автор может появляться несколько 
раз. Точно так же, скорее всего, будет повторяться год издания ит. д. В таком случае 
гарантировать отсутствие продублированных строк будет довольно трудно. 


В общем виде эта проблема решается за счет специально выделенного допол- 
нительного столбца. Вскоре мы рассмотрим использование 15ВМ№ (Пиуегпайопа| 
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Збап4агА Воок Митђег — международный стандартный книжный номер) изда- 
ния, но сначала нужно представить вам тип данных с автоприращением — АЧТо_ 
ІМСАЕМЕМТ. 


В соответствии с названием столбца, которому назначен этот тип данных, его содер- 
жимому будет устанавливаться значение на единицу большее, чем значение записи 
в этом же столбце в предыдущей вставленной строке. В примере 8.5 показано, как 
нужно добавлять новый столбец по имени іа к таблице с1а$$1с$ и придавать ему 
свойства автоприращения. 


Пример 8.5. Добавление столбца іа с автоприращением 
АІТЕК ТАВІЕ с1аѕѕісѕ АБО іа ІМТ ОМЅІСМЕР МОТ МОШ. АУТО_ТМСВЕМЕМТ КЕҮ; 


Здесь представлена команда АЕТЕВ, очень похожая на команду СВЕАТЕ. Команда 
АІТЕК работает с уже существующей таблицей и может добавлять, изменять или 
удалять столбцы. В нашем примере добавляется столбец по имени іа, имеющий 
следующие характеристики. 


О ІМТ ЧМЅІСМЕР — делает столбец способным принять целое число, достаточно 
большое для того, чтобы в таблице могло храниться более 4 млрд записей. 





О МТМО — обеспечивает наличие значения в каждой записи столбца. Многие 
программисты используют его в поле МО, чтобы показать отсутствие в нем 
какого-либо значения. Но тогда могут появляться дубликаты, противоречащие 
самому смыслу существования этого столбца. Поэтому появление в нем значе- 
ния МОЕ запрещено. 


О АФТО_ТМСВЕМЕМТ — заставляет Му ОТ, установить для этого столбца уникальное 
значение в каждой строке, как было описано ранее. Фактически мы не управ- 
ляем значением, которое будет появляться в каждой строке этого столбца, но 
это и не нужно: все, о чем мы беспокоимся, — гарантия уникальности этого 
значения. 


С КЕҮ — столбец с автоприращением полезно использовать в качестве ключа, по- 
скольку вы будете стремиться искать строки на основе значений этого столбца. 
Пояснения будут даны в разделе «Индексы» далее. 


Теперь каждая запись будет иметь уникальное число в столбце іа, для первой 
записи это будет начальное число 1, а счет других записей будет вестись по нараста- 
ющей. Как только будет вставлена новая строка, в ее столбец 14 будет автоматиче- 
ски записано следующее по порядку число. 


Этот столбец можно не добавлять после создания таблицы, а сразу включить в нее, 
слегка изменив формат команды СВЕАТЕ. В данном случае команда из примера 8.3 
должна быть заменена командой из примера 8.6. Обратите особое внимание на ее 
последнюю строку. 
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Пример 8.6. Добавление столбца іа с автоприращением при создании таблицы 


СВЕАТЕ ТАВІЕ с1аѕ51ісѕ ( 
аџёћог \УАВСНАВ (128), 
+1Е1е МАВСНАВ (128), 
Журе МАКСНАК (16), 
уеаг СНАК (4), 
іа ІМТ ОМЅІСМЕР М№ОТ МОЁЕ АУТО_ТМСВЕМЕМТ КЕУ) ЕМСТМЕ Іппорв; 


Если хочется проверить, был ли добавлен столбец, нужно просмотреть имеющиеся 
в таблице столбцы и типы данных, воспользовавшись следующей командой: 


рЕЅСКІВЕ с1а$$1с$; 


Теперь, когда мы закончили изучение этого типа данных, столбец іа нам больше 
не нужен, поэтому, если вы его создали, воспользовавшись командой из приме- 
ра 8.5, его нужно удалить, введя команду из примера 8.7. 


Пример 8.7. Удаление столбца іа 
АІТЕК ТАВІЕ с1аѕѕісѕ ОВОР 14; 


Добавление данных к таблице 


Для добавления данных к таблице предназначена команда ІМ№ЅЕКТ. Рассмотрим ее 
в действии, заполнив таблицу с1аѕ5ісѕ данными из табл. 8.1, многократно исполь- 
зуя одну и ту же форму команды ІМЅЕАТ (пример 8.8). 


Пример 8.8. Заполнение таблицы сіаѕѕісѕ 


ІМЅЕКТ ІМТО с1аѕ5ісѕ(аиёһог, %141е, +уре, уеаг) 

\МАГОЕЗ ( 'МагК Тмаіп', 'Тһе АдуепЕиге$ оф Тот Ѕамуег', 'Рісбіоп', '1876'); 
ІМЅЕКТ ІМТО с1аѕ5ісѕ (аиёһог, %141е, +уре, уеаг) 

\МАГОЕЗ ('Запе АиѕТеп', 'Ргіае апа Ргејидісе', 'Рісёіоп', '1811'); 
ІМЅЕКТ ІМТО с1аѕ5ісѕ(аиёһог, %141е, +уре, уеаг) 

\МАГОЕСЗ ('Сһаг1еѕ Рагміп', 'Тһе Огіріп оф Ѕресіеѕ', 'М№п-Ғісёіоп', '1856'); 
ІМЅЕКТ ІМТО с1аѕ5ісѕ(аиёһог, %141е, +уре, уеаг) 

УАГОЕЅ ('Сһаг1еѕ Ріскепѕ', 'Тһе 014 Сигіоѕіжу Ѕһор', 'Ғісёіоп', '1841'); 
ІМЅЕКТ ІМТО с1аѕ5ісѕ(аиёһог, %141е, +уре, уеаг) 

\МАГОЕЗ ( '4111іат Ѕһакеѕреаге', 'Котео апа Ји]1іе+', 'Р1ау', '1594'); 


После каждой второй строки вы должны увидеть сообщение об успешной обработ- 
ке запроса — диегу ОК. Как только будут введены все строки, наберите следующую 
команду, которая отобразит содержимое таблицы: 


ЗЕЁЕСТ * ҒКОМ с1а551с5; 
Результат должен быть похож на тот, что показан на рис. 8.4. 


Сейчас не стоит обращать внимания на команду $ЕТЕСТ, ее очередь наступит в под- 
разделе «Создание запросов к базе данных МуЅО1» раздела «Индексы». Доста- 
точно сказать, что в таком виде она отображает все только что введенные данные. 
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5 СлМпаом\зузіет32\ста.ехе («еа 


туѕ91> ІМЅЕВТ ІМТО с1аѕѕісѕ«ацёһоһ, &161е, буре, уеарһ? 
—> ЏАШЈЕЅ <° Спһак1еѕ раһиіп”?,’Тһе Ок191т оЁ Ѕресіеѕ’, ' Моп-Е1се1оп’,’1856’>; 
Оџеһу ОК, 1 ком а есбе@Я <0.00 ѕес> 


туѕ1> ІМЅЕВТ ІМТО с1азз1сз<аиеНок, &161е, буре, уеак>» 
—> ЏАШЈЕЅ <° Спһаһ1еѕ ріскепѕ=’,’ТһҺе 014 Сиһіоѕієу Ѕһор’,’'Бісёіоп’, '1841'›; 
Оцеку ОК, 1 ком аЁЁесфе4 0.00 ѕес> 


ту54ч1> ТМ5ЕНТ ІМТО с1азз1сз<аиеНок, %&161е, буре, уеак>» 
—> УЯШИЕ$ < * 4111]1ат $РаКезреаке” ‚, ’Вотео апб Чи11е®’ , ’Р1ау’,*’1594’>; 
Оцеку ОК, 1 ком аЁЁесфе4 <0.00 зес>› 


пу541> $ЕБЕСТ ж ЕНОМ с1аѕѕіс=; 
+. 


+ 


: МавКк Туалп Тһе Ядуепёцкеѕ оғ Тот З$амуек Еісёіоп 
: Јапе Йизсеп Рь14е апа Рһејидісе Еісеіоп 
: Сһаһ1еѕ рарһиіп Тһе Оһідіп оЁ Ѕресіеѕ М№Моп-Еісёіоп 
1 Сһаһ1еѕ ріскеп= Тһе 014 Сиһіоѕібсу Ѕһор Еісёіоп 

: уі11іат Ѕ$һҺакеѕреаһе Вотео апа Ји1іеё 


ЕЕ 


=== + 





Рис. 8.4. Заполнение таблицы сіаѕѕісѕ и просмотр ее содержимого 


Теперь вернемся назад и посмотрим, как используется команда ІМ№ЅЕЋТ. Ее первая 
часть, ІМЅЕВТ ТМТО с1а$$1с$, сообщает Муз ОТ, куда нужно вставлять следующие 
за ней данные. Затем в круглых скобках перечисляются четыре имени столбцов: 
аи&ћог, {141е, уре и уеаг, которые отделяются друг от друга запятыми. Таким 
образом МуЗОТ, сообщается, что именно в эти четыре поля будут вставляться 
данные. 


Во второй строке каждой команды ІМЅЕАТ содержится ключевое слово МАГ0ЕЅ, за 
которым следуют четыре строковых значения, взятых в кавычки и отделенных 
друг от друга запятыми. Они обеспечивают Муз ОТ, теми четырьмя значениями, 
которые будут вставлены в четыре ранее указанных столбца. (Как и во всех осталь- 
ных примерах, разбиение команды на строки было моим собственным решением, 
придерживаться которого не обязательно.) 


Каждый элемент данных будет вставлен по порядку в соответствующие столбцы. 
Если порядок перечисления столбцов и данных будет случайно перепутан, данные 
попадут не вте столбцы. А количество указанных столбцов должно соответствовать 
количеству элементов данных. (Есть более безопасные способы использования 
ІМЅЕЋТ, которые вскоре будут рассмотрены.) 


Переименование таблиц 


Переименование таблиц, как и любые другие изменения ее структуры или мета- 
данных, осуществляется посредством команды А! ТЕК. Поэтому, чтобы, к примеру, 
изменить имя таблицы с1аѕѕісѕ на рге1909, воспользуйтесь следующей командой: 


АЕТЕК ТАВІЕ с1аѕѕісѕ КЕМАМЕ рге1900; 
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Если применить эту команду, то потом, чтобы без изменений работали все после- 
дующие примеры текущей главы, вам придется вернуть таблице ее прежнее имя, 
для чего нужно будет ввести такую команду: 


АІТЕК ТАВІЕ рге1900 КЕМАМЕ с1аѕ51ісѕ; 


Изменение типа данных столбца 


Для изменения типа данных столбца также используется команда АІТЕК, но в этом 
случае вместе с ней применяется ключевое слово МООТЕУ. Поэтому для изменения 
типа данных столбца уеаг с СНАВ(4) на $МАЕЕТМТ (для которого потребуется только 
2 байта памяти, что способствует экономии дискового пространства) нужно ввести 
следующую команду: 


АІТЕК ТАВІЕ с1а$$1с$ МОРІҒҮ уеаг $МАЕЕТМТ; 


После этого, если для МуЗОТ, есть смысл конвертировать тип данных, система 
автоматически изменит данные, сохраняя их значение. В этом случае она заменит 
каждое строковое значение сопоставимым с ним целым числом, пока строку можно 
будет распознать как отображение целого числа. 


Добавление нового столбца 


Предположим, что таблица создана и заполнена большим объемом данных и тут 
выяснилось, что нужен еще один столбец. Не стоит расстраиваться. Посмотрите, 
как можно добавить к таблице новый столбец равеѕ, который будет использоваться 
для хранения количества страниц, имеющихся в книге: 


АІТЕК ТАВІЕ с1аѕѕісѕ Арр рареѕ $МАЕЕТМТ УМ№5Т6МЕО; 


Эта команда добавляет новый столбец по имени равеѕ, в котором используется тип 
данных ОМІСМЕР ЅМА ІМТ, подходящий для хранения значений вплоть до 65 535. 
Этого наверняка более чем достаточно для любой когда-либо изданной книги! 


И если запросить у МуЗОТ. описание обновленной таблицы, воспользовавшись 
показанной далее командой рЕѕсВІвЕ, то можно будет увидеть внесенные в нее 
изменения (рис. 8.5): 


РЕЗСКТВЕ с1а$$1с$; 


Переименование столбца 


Посмотрев еще раз на рис. 8.5, можно заметить, что наличие в таблице столбца уре 
приводит к путанице, поскольку такое же имя используется МуЗОТ. для идентифи- 
кации типа данных. Но это не проблема — изменим имя этого столбца на саїерогу: 


АІТЕК ТАВІЕ с1а$$1с$ СНАМСЕ %уре сафевогу \АВСНАК(16); 
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5 С\Мпаом\зузіет32\ста.ехе [=>] {2} 888388) 


ацЕНок чаксНак<128> 

єіЄ1е УУ УФ РА :9) 

суре уарсһаһ<16> 
ѕтма11іпе<6› 


еерт) 
4 -- == == = + 


ком$ іп ѕеє <0.01 ѕес> 


тпуѕ1> ЯІТЕВ ТЯВЬЕ с1аѕѕісѕ ЙО) рачеѕ $ЗМЯБШЫТНТ ОМ5ІСМЕр; 
Очеһу ОК, 5 комз аЁЁРесфе@ (9.92 ѕес› 
Весокаѕ: 5 рир1ісабќеѕ: В Чакһпіп9ѕ: 0 


пуѕ91> БЕЗСВТВЕ с1аѕѕісѕ=; 
+. 


+ 


чаксНак<128> 
чаксНак<128> 
учаксНак<16> 
ѕтма11іпёе<6› 
ѕта11іпє<5> ипѕіўпеа 


Ф ---------- + 
Ф е. + 


+ 
' 
' 
А 
Н 
1: 
Н 
Н 
Н 

+ 





Рис. 8.5. Добавление нового столбца радеѕ и просмотр таблицы 


Обратите внимание на добавление УАВСНАВ (16) в конце этой команды. Это связано 
с тем, что ключевое слово СНАМБЕ требует указания типа данных даже в том случае, 
если вы не собираетесь его изменять, и МАВСНАВ (16) — тот самый тип данных, ко- 
торый был указан при создании столбца +уре. 


Удаление столбца 


Поразмыслив, можно прийти к выводу, что столбец равеѕ, в котором хранится ко- 
личество страниц, не представляет для этой базы данных особой ценности, поэтому 
его можно удалить, используя ключевое слово ОКОР: 


АЕТЕК ТАВІЕ с1аѕѕісѕ ОКОР рареѕ; 








Учтите, что ключевое слово ОКОР нужно применять с особой осторожностью, 
поскольку его действие носит необратимый характер и по недоразумению можно 
удалить целые таблицы (и даже базы данных)! 














Удаление таблицы 


Удалить таблицу очень просто. Но поскольку я не хочу заставлять вас заново вво- 
дить все данные в таблицу с1аѕѕісѕ, мы ее удалять не станем. Вместо этого просто 
создадим новую таблицу, проверим факт ее существования, а затем удалим ее, 
набрав команду, приведенную в примере 8.9. Результат выполнения всех четырех 
команд показан на рис. 8.6. 
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Пример 8.9. Создание, просмотр и удаление таблицы 


СВЕАТЕ ТАВІЕ аіѕроѕаб1е(&гаѕһ ІМТ); 
РЕЗСВТВЕ аіѕроѕаб1е; 

ОКОР ТАВІЕ аіѕроѕаб1е; 

ЅНОМ Фар1еѕ; 




















ч 
5 СлМпаомз\зузіет32\ста.ехе == ШШ нн] 
1 ком іп зеё <0.00 ѕес> 





пуѕ91> СВЕЙЯТЕ ТАВІЕ 41зрозаЪ1е<&казй ІМТ; 
Юцеку ОК, 8 комз аҒҒесбєеа <0.01 ѕес> 


пуѕ1> рЕЅСЕІВЕ аіѕроѕађЬ1е; 
+------- +--------- +----— +—— +-----—- +———-—--- + 
Туре 


ком іп зеё <0.01 ѕес> 


пуѕ91> РрЕОР ТАВІЕ аіѕроѕађЬ1е; 
Оџеру ОК, И комз аЁҒесбеа 0.00 ѕес> 








Рис. 8.6. Создание, просмотр и удаление таблицы 


Индексы 


В данный момент у нас есть действующая таблица с1аѕѕ1ісѕ, в которой можно 
будет без труда, пользуясь средствами МузЗОТ, отыскать нужную информацию. 
Но все так просто лишь до тех пор, пока она не разрастется до пары сотен строк. 
Тогда с каждой добавленной строкой доступ к базе данных будет становиться все 
медленнее и медленнее, поскольку МуЅОІ при обработке запроса придется вести 
поиск в каждой строке. Это похоже на поиск нужной информации в каждой книге, 
имеющейся в библиотеке. 


Разумеется, вам не придется вести поиск в библиотеках подобным образом, посколь- 
ку в них есть либо обычная картотека, либо, что более вероятно, собственная база 
данных. То же самое относится и к Му5ОТ,, поскольку ценой небольших затрат 
оперативной памяти и дискового пространства можно создать «картотеку» для табли- 
цы, которая будет использоваться МуЗОТ. для выполнения мгновенного поиска. 


Создание индекса 


Возможности быстрого поиска можно добиться путем добавления индекса либо 
при создании таблицы, либо в любое время впоследствии. Но сделать это не так-то 
просто. Существуют, к примеру, различные типы индексов, такие как ІМОЕХ, РАТМАВУ 
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КЕУ или ЕО ТЕХТ. Кроме того, необходимо решить, каким столбцам нужен индекс, 
а для этого нужно спрогнозировать, по каким данным каждого из столбцов будет 
осуществляться поиск. Индексы можно также усложнять, комбинируя в одном 
индексе данные из нескольких столбцов. И даже когда вы все это поймете, у вас 
будет возможность сократить размер индекса за счет ограничения объема данных 
каждого индексируемого столбца. 


Если представить себе поисковые операции применительно к таблице с1аѕ51сѕ, 
становится ясно, что поиск может осуществляться во всех столбцах. Но если бы 
не был удален столбец равеѕ, созданный в пункте «Добавление нового столбца» 
выше, то он, наверное, не понадобился бы для индекса, поскольку большинство 
людей вряд ли стали бы искать книги по количеству страниц. Давайте все же 
продолжим и добавим индекс к каждому столбцу, воспользовавшись командами, 
приведенными в примере 8.10. 


Пример 8.10. Добавление индексов к таблице сіаѕѕісѕ 


АІТЕК ТАВІЕ с1аѕѕісѕ АРрр ІМОЕХ(аџһог(20)); 
АІТЕК ТАВІЕ с1аѕ5ісѕ АБО ТМОЕХ(+4141е(20)); 
АІТЕК ТАВІЕ с1аѕѕісѕ АРрр0 ТМОЕХ( сафевогу(4)); 
АІТЕК ТАВІЕ с1аѕѕісѕ АБО ТМОЕХ(уеаг); 
рЕЅСКІВЕ с1а$$1с$; 


Первые две команды создают индексы для столбцов авторов и названий — аџёћог 
и +і+1е, ограничивая каждый индекс только первыми 20 символами. Например, 
когда МуЅО1. индексирует название: 


Тһе Адуепфиге$ оф Тот Ѕамуег 


на самом деле в индексе будут сохранены только первые 20 символов: 


Тһе Адуепёигеѕ о+ То 


Это делается для сокращения размера индекса и для оптимизации скорости доступа 
к базе данных. Я выбрал 20 символов, поскольку их должно быть достаточно для 
обеспечения уникальности большинства строк, встречающихся в данных столб- 
цах. Если МуЅОІ. обнаружит два индекса с одинаковым содержимым, ей нужно 
будет понапрасну потратить время на обращение к самой таблице и на проверку 
проиндексированного столбца, для того чтобы определить, какая именно строка 
действительно соответствует условиям поиска. 


Что касается столбца категории — саќевогу, то на данный момент, чтобы иден- 
тифицировать уникальность строки, достаточно только первого символа (Е для 
Есйоп, М для М№ор-Еісііор и Р для Рау), но я выбрал индекс из четырех символов, 
чтобы дать возможность в будущем вводить такие категории, у которых первые 
три символа могут быть одинаковыми. Если позже набор категорий усложнится 
еще больше, этот столбец можно будет переиндексировать. И наконец, я не стал 
задавать ограничения на индекс столбца года издания — уеаг, поскольку он имеет 
четко определенную длину в четыре символа. 
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Результат ввода этих команд (и команды ОЕЗСВТВЕ, позволяющей убедиться в том, 
что они работают) можно увидеть на рис. 8.7, который показывает наличие ключа 
МУЕ для каждого столбца. Это означает, что в этом столбце может многократно 
присутствовать одно и то же значение, что, собственно, нам и нужно, поскольку 
имена авторов могут встречаться многократно, одни и те же названия книг могут 
использоваться множеством авторов ит. д. 











5 СЛ\М/паом\зуетЗ32\ста.ехе «2а 


туѕ1> ЯІТЕВ ТЯВЬЕ с1аззіс= Арр ІМрЕХ<є1іЄ1е<20››; 
Оџчеһу ОК, 5 комз ағ Ғесбеа 0.02 ѕес> 
Весокаѕ: 5 рир1ісабеѕ: Й Шаһпіп9ѕ: Ө 


пуѕ91> ЯСТЕВ ТЯВЬЕ с1аѕѕісѕ ЙО) ІМрЕХ<сабечоһу<4)›; 
Оцеку ОК, 5 комз аЁҒесёей <0.03 ѕес› 
Весоһаѕ: 5 рир1ісабеѕ: Й Чакпіпҷ=: 0 


пуѕ91> АТЕВ ТЯВЬЕ с1аѕѕіс= Арр ІМрЕХ<уеарк?; 
Юцеку ОК, 5 комз аѓғҒесёеа 0.06 ѕес> 
Весоһаѕ: 5 рир]1ісабеѕ: Й Шакпіпдѕ: И 


аиеһоһ чаксНак<128> 
єіє1е уаксНнак<128> 
сазечоку уаксНак<16 >» 
уеак зпа11118<6> 


+ 
' 
' 

+ 
' 
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П 
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т 
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. 

+ 





Рис. 8.7. Добавление индексов к таблице сіаѕѕісѕ 


Использование команды СВЕАТЕ 1МОЕХ 


Индекс можно добавить не только командой АІ ТЕК ТАВІЕ, но и командой СВЕАТЕ 
ТМОЕХ. Эти две команды являются равнозначными, за исключением того, что СВЕАТЕ 
ІМрЕХ не может использоваться для создания индекса типа первичного ключа — 
РВТМАВУ КЕҮ (см. далее пункт «Первичные ключи»). Формат этой команды показан 
во второй строке примера 8.11. 


Пример 8.11. Эти две команды эквивалентны 


АЕТЕК ТАВІЕ с1аѕ5ісѕ АОБ ІМРЕХ(аи&һог(20)); 
СВЕАТЕ ТМОЕХ аиёһог ОМ с1аѕ5ісѕ (аиНог(20)); 


Добавление индексов при создании таблиц 


Чтобы добавить индекс, не нужно выжидать какое-то время после создания табли- 
цы. Это может отнять много времени, поскольку добавление индекса к большой та- 
блице — длительный процесс. Поэтому рассмотрим команду, создающую таблицу 
с1аѕ5ісѕ с уже имеющимися индексами. 
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Пример 8.12 является переработкой примера 8.3, в котором одновременно с та- 
блицами создаются индексы. Учтите, что для включения всех изменений, выпол- 
ненных в данной главе, в этой версии используется новое имя столбца саферогу 
вместо прежнего имени +уре, а для столбца уеаг указан тип данных $МАЕЕТМТ, а не 
СНАВ (4). При желании попробовать эту команду в работе без предварительного 
удаления текущей таблицы с1а$$1с$ замените слово с1аѕѕісѕ в первой строке 
каким-нибудь другим словом, например с1а$$1с$1, а после завершения работы 
удалите таблицу с1аѕѕісѕ1. 


Пример 8.12. Создание таблицы сіаѕѕісѕ с индексами 


СКЕАТЕ ТАВІЕ с1а$$1с$ ( 
аиёћог \УАВСНАВ (128), 
+141е УАВСНАВ (128), 
са+ерогу \АВСНАВ(16), 
уеаг $МАЕЕТМТ, 
ІМОЕХ(аиёһог(20)), 
ТМОЕХ (+141е(20)), 
ТМОЕХ ( сафезогу(4)), 
ТМОЕХ(уеаг)) ЕМСТМЕ Іппорв; 


Первичные ключи 


В данный момент у нас создана таблица с1аѕѕісѕ и за счет добавления индексов 
обеспечен быстрый поиск, но кое-что все же упущено. Можно вести поиск по всем 
имеющимся в таблице изданиям, но нет единого уникального ключа для каждого 
издания, обеспечивающего мгновенный доступ к строке. Важность наличия ключа 
с уникальным значением для каждой строки проявится, когда мы станем комби- 
нировать данные из разных таблиц. 


В пункте «Атрибут АОТО ІЧСКЕМЕМТ» подраздела «Типы данных» преды- 
дущего раздела, где рассматривался создаваемый столбец 14 с автоприращением, 
было сказано, что он может быть использован в качестве первичного ключа для 
этой таблицы. Но я захотел возложить эту задачу на более подходящий столбец: 
признанный во всем мире номер 1$ ВМ. 


Продолжим работу с таблицей и создадим новый столбец для этого ключа. Теперь, 
помня о том, что номер І5ВМ№ состоит из 13 символов, можно решить, что с задачей 
справится следующая команда: 


АІТЕК ТАВІЕ с1аѕѕісѕ АБО іѕрп СНАК(13) РКІМАКҮ КЕҮ; 


Но это не так. Если запустить эту команду на выполнение, будет получено со- 
общение об ошибке, связанной с дубликатом записи для ключа 1: рир1іса+е епёгу. 
Причина в том, что таблица уже заполнена данными, а эта команда пытается до- 
бавить столбец со значением МОШ к каждой строке, что запрещено, поскольку все 
столбцы, использующие первичный ключ, должны иметь уникальное значение. 
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Но если бы таблица была пуста, то эта команда была бы выполнена без проблем, 
как и при добавлении первичного ключа сразу же после создания таблицы. 


В сложившейся ситуации нужно немного схитрить: создать новый столбец без 
индекса, заполнить его данными, а затем добавить индекс ретроспективно, вос- 
пользоваться командой из примера 8.13. К счастью, в этом наборе данных каждый 
год имеет уникальное значение, поэтому для идентификации каждой обновляемой 
строки можно воспользоваться столбцом уеаг. Учтите, что в этом примере при- 
меняются команда ОРРАТЕ и ключевое слово ИНЕВЕ, которые более подробно будут 
рассмотрены в подразделе «Создание запросов к базе данных МуЅОТ» далее. 


Пример 8.13. Заполнение столбца 15Ьп данными и использование первичного ключа 


АЕТЕВ ТАВІЕ с1а$$1с$ АО 1$6п СНАВ(13); 

ОРОАТЕ с1аѕ5ісѕ ЅЕТ 1$56п='9781598184891' ИНЕКЕ уеаг='1876'; 
ОРОАТЕ с1аѕ5ісѕ ЅЕТ 1506п='9780582506206' МНЕКЕ уеаг='1811'; 
ОРОАТЕ с1аѕ51ісѕ ЅЕТ 1$56п='9780517123201' ИНЕКЕ уеаг='1856'; 
ОРОАТЕ с1аѕ5ісѕ ЅЕТ 1$56п='9780099533474' ИНЕКЕ уеаг='1841'; 
ОРОАТЕ с1а$$1с$ ЅЕТ 1506п='9780192814968' ИНЕКЕ уеаг='1594'; 
АІТЕК ТАВІЕ с1аѕ5ісѕ Арр РКІМАКҮ КЕУ(1$6п); 

РЕЗСКТВЕ с1а$$1с$; 


После ввода этих команд будет получен результат, похожий на копию экрана, по- 
казанную на рис. 8.8. Обратите внимание на то, что в синтаксисе команды АІТЕК 
ТАВЕЕ ключевое слово ТМОЕХ заменено ключевыми словами РКІМАВҮ КЕУ (сравните 
примеры 8.10 и 8.13). 











Ь! 
ВЯ СлМіпаомз\зуѕќет32\ста.ехе Е) 


пуѕ91> ОРОЙТЕ с1аѕѕіс=ѕ ЅЕТ іѕЬп='9'780099533474’' МНЕВЕ уеаһ='1841' 
Юцеку ОК, 1 ком а есвей <0.00 ѕес? 
Вомз таєсһеа: 1 Сһапеа: 1 Шаһпіпдз: 0 


пуѕ91> ОРОЙТЕ с1аѕѕісѕ ЅЕТ іѕЬп='9'780192814968' МНЕВЕ уеаһ=' 1594’ 
Юцеку ОК, 1 ком а#Ғесбеа 0.00 ѕес> 
ПЗ ЧУ ОНЕ Н ОТТО 1 Чакп1п9з: В 


пуѕч1> АТЕВ ТАВІЕ с1азѕісѕ Арр РКІМАВУ КЕУ <15Ъп>; 
Юцеку ОК, 5 комз аЁҒесбей <0.02 ѕес> 
Весоһкаѕ: 5 рир1ісаќеѕ: В Маркпіпяѕ: 0 


пуѕц1> рЕЅСЕІВЕ с1аѕѕіс= 
+ 


еее ЕЕЕ ЕЕЕ ЕН 


чаксНнак<128> 

чаксНнак<128> 

учаксНак<16> 

зта11іпе<6› 
| > 


ацЕНок 
$161е 
сабедоку 


=== == -- + 
еее 
=== == -- + 

РЕГЕГРГРЕЧСТЕ 


нанаии 





Е] 





Рис. 8.8. Ретроспективное добавление первичного ключа к таблице сіаѕѕісѕ 


Чтобы создать первичный ключ при создании таблицы с1а$$1с$, можно восполь- 
зоваться командой, показанной в примере 8.14. И в этом случае, если вы хотите 
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испробовать эту команду в работе, нужно заменить имя с1а$$1с$ в строке 1 каким- 
нибудь другим, а затем удалить проверочную таблицу. 


Пример 8.14. Создание таблицы сіаѕѕісѕ с первичным ключом 


СКЕАТЕ ТАВІЕ с1а$$1с$ ( 
аиёћог \УАВСНАВ (128), 
+141е УАВСНАВ (128), 
са+ерогу \АВСНАВ(16), 
уеаг $МАЕЕТМТ, 
1$6п СНАК(13), 

ТМОЕХ ( аи Вог(29)), 

ТМОЕХ (+14Те(20)), 

ТМОЕХ ( сафевогу(4)), 

ТМОЕХ (уеаг) , 

РЕТМАВУ КЕУ (1$6п)) ЕМСТМЕ Іппорв; 


Создание индекса ҒЕОШТЕХТ 


В отличие от обычного индекса, имеющийся в МуЗОТ. индекс ЕО ТЕХТ позволяет 
осуществлять сверхбыстрый поиск целых столбцов текста. Он сохраняет каждое 
слово каждой строки данных в специальном индексе, в котором можно вести по- 
иск, используя «естественный язык» наподобие того, что применяется в поисковом 
механизме. 








Вообще-то утверждение о том, что система Му$ЗОЕ хранит все слова в индексе 
РОЦТЕХТ, не вполне соответствует действительности, поскольку в ней имеется 
встроенный список более чем из 500 слов, которые она предпочитает игнориро- 
вать в силу их широкой распространенности и практической бесполезности при 
любом поиске. Этот список, называемый стоповыми словами — °юрмога$, вклю- 
чает слова {ће, аѕ, 15, оЁ и т. д. Список помогает Му$ОЕ работать при РОШТЕХТ- 
поиске намного быстрее и не раздувать размеры базы данных. Полный список 
стоповых слов приведен в приложении В. 








Рассмотрим особенности индексов ЕОШТЕХТ, о которых нужно знать. 


О Свыходом МуЗОТ. 5.6 появилась возможность использования индексов РОРЕТЕХТ 
с таблицами шпоВ, но прежде эти индексы могли применяться только с та- 
блицами типа МуІЅАМ. Если нужно привести таблицу к типу МуІЅАМ, можно 
применить команду МуѕОТ: 

АГТЕВ ТАВІЕ аб1епате ЕМСТМЕ = МУТЗАМ; 


О Индексы РУЕЁТЕХТ могут создаваться только для столбцов с типами данных 
СНАК, \/АКСНАК и ТЕХТ. 





О Определение индекса ҒО ТЕХТ может быть дано в инструкции СВЕАТЕ ТАВІЕ при 
создании таблицы или добавлено позже с использованием инструкции АЁЕТЕВ 
ТАВІЕ (или СКЕАТЕ ТМОЕХ). 


224 Глава 8 » Введение в Му5ОЕ 





о Намного быстрее будет загрузить большие наборы данных в таблицу, не име- 
ющую индекса РҒОШТЕХТ, а затем создать индекс, чем загружать их в таблицу, 
у которой уже имеется индекс РОШ ТЕХТ. 


Чтобы создать индекс РОГЕТЕХТ, примените его к одной или нескольким записям, 
как в примере 8.15, в котором индекс ЕОГЕТЕХТ добавляется к двум столбцам — 
аи{Пог и {11е, принадлежащим таблице с1а$$1с$ (этот индекс является дополне- 
нием к тем, что уже были созданы, и не влияет на их работу). 


Пример 8.15. Добавление индекса ЕОШТЕХТ к таблице сіаѕѕісѕ 
АЕТЕК ТАВІЕ с1аѕѕісѕ Арр ЕО ТЕХТ (ач Ног, {11е); 


Теперь в этой паре столбцов можно вести поиск с использованием индекса 
РОГЕТЕХТ. Такая возможность могла бы проявиться в полную силу, если бы вы 
могли теперь ввести весь текст этих книг в базу данных (учитывая, что они не за- 
щищены авторскими правами), и тогда они были бы полностью доступны для 
поиска. Поисковые операции с использованием индекса ЕОГЕТЕХТ рассмотрены 
далее в пункте «МАТСН...АСАТМ$Т» подраздела «Создание запросов к базе 
данных МузОТ» далее. 





Если система Му501 станет при доступе к вашей базе данных работать медлен- 
нее, чем вы от нее ожидали, то проблема скорее всего заключается в ваших 
индексах. Либо у вас нет индекса там, где он нужен, либо индексы составлены 
неоптимальным образом. Зачастую данная проблема решается за счет тонкой на- 
стройки индексов таблиц. Производительность не входит в тематику этой книги, но 
в главе 9 я дам несколько подсказок, чтобы вы знали, что именно нужно искать. 








Создание запросов к базе данных Му5ОЕ 


Итак, мы создали базу данных МуЗОТ. и таблицы, заполнили их данными и доба- 
вили к ним индексы, чтобы ускорить поиск. Теперь настало время посмотреть, как 
именно ведется этот поиск и какие для этого имеются команды и спецификаторы. 


ЭЕСЕСІ 


На рис. 8.4 уже было показано, что команда ЅЕІЕСТ используется для извлечения 
данных из таблицы. В том разделе я воспользовался ее наипростейшей формой 
для выбора всех данных и их отображения, что вам вряд ли когда-нибудь при- 
годится, разве что для просмотра самых маленьких таблиц, поскольку все данные 
будут прокручиваться на экране и скрываться в нечитаемой области. В качестве 
альтернативного варианта, на компьютерах под управлением Опіх/пих, МуЅ501. 
можно заставить выполнить постраничный вывод данных на величину экрана, 
запустив команду 


равег 1е$$; 
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Эта команда направит весь вывод на экран через канал программы 1еѕѕ. Чтобы 
восстановить стандартный вывод и выключить разбиение на страницы, можно 
запустить команду 


поравег; 
А теперь рассмотрим команду $Е1ЕСТ более подробно. 


Ее основной синтаксис имеет следующий вид: 


ЅЕЕСТ что-нибудь ЕКОМ имя таблицы; 


Этим что-нибудь, как вы уже видели, может быть символ звездочки (*), означающий 
«каждый столбец», вместо него можно указать какие-нибудь конкретные столбцы. 
В примере 8.16 показано, как выбрать только автора и название (аџёћог и +і&1е) 
и только название и 15 ВМ№. Результат выполнения этих команд приведен на рис. 8.9. 


Пример 8.16. Две разные инструкции 


ЗЕЁЕСТ аиёһог,+іЁ1е РЕКОМ с1а$$1с$; 
ЗЕЁЕСТ +1%1е,1$6п ЕКОМ с1а$$1с$; 

















ЕЯ Слуіпаом\зузќет32\ста.ехе с: 12). Х__ 


: Марк Тат Тһе Идоепсикез оЁ Тот Зацчуек 
: Чапе Йизсеп Рь14е апа Рһејидісе 

1 Сһак1еѕ Баки Тһе Оһідіп оЁ Ѕресіеѕ 

1 СҺаһ1еѕ ріскКеп= Тһе 01а Сиһіоѕієу Ѕһор 

1 уі11іат $паКезреаке Вотео апа Ји1іеє 

+. +. 

5 комз іп зеё <0.00 ѕес 


пуѕ91> ЗЕБЕСТ &1&1е,15Ъп ЕВОМ с1аѕѕіс=; 
+. 


—---------------==-=-=------ +—---=-----------+ 


Тһе Ядуепєцрһеѕ оЁ Тот Замуек 9'781598184891 
: Ркһіде апа Ркһејидісе 9'780582506206 
1 Тһе Окһідіп о# Ѕресіеѕ 9'78051'7123201 
1 Тһе 014 Сиһіоѕібу Ѕһор 9780099533474 
1 Вотео апа Ји1іеё 3780192814968 
Разань В еее НТЕС 
5 комз іп ѕеє <0.00 зес> 


=... 








Рис. 8.9. Вывод, полученный в результате выполнения двух разных инструкций ЗЕЁЕСТ 


ЅЕЃЕСТ СОУМТ 


Другой заменой параметра что-нибудь является функция СОЧЦМТ, которая может 
быть использована множеством способов. В примере 8.17 она отображает количе- 
ство строк в таблице за счет передачи ей в качестве параметра символа звездочки (*), 
означающего «все строки». В соответствии с вашими ожиданиями будет возвраще- 
но число 5, поскольку в таблицу внесены сведения о пяти книгах. 


Пример 8.17. Подсчет количества строк 
ЅЕГЕСТ СОУМТ(*) ЕВОМ с1а$$1с$; 
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ЗЕЁЕСТ ОТЪТИМСТ 


Спецификатор рІѕтІМСТ (и его синоним рІѕЅТІМСТКОМ) позволяет исключать мно- 
жество записей, имеющих одинаковые данные. Предположим, к примеру, что вам 
нужно получить список всех авторов, фигурирующих в таблице. Если просто вы- 
брать столбец аи Ног из таблицы, содержащей несколько книг одного и того же 
автора, то будет отображен длинный список с одинаковыми именами авторов, 
повторяющимися снова и снова. Но за счет добавления ключевого слова рІѕтІМСТ 
можно показать каждого автора всего лишь один раз. Проверим этот специфи- 
катор, добавив еще одну строку, в которой повторяется один из уже имеющихся 
авторов (пример 8.18). 


Пример 8.18. Дублирование данных 


ІМЅЕКТ ІМТО с1а$$1с$(ач{Пог, %141е, сафевогу, уеаг, іѕрп) 
\МАЕОЕ$ ( "Сһаг1еѕ ріскепѕ', '1ії&1е роггіїЄ', 'Рісёіоп', '1857', '9780141439969'); 


Теперь, когда Чарльз Диккенс появляется в таблице дважды, мы можем сравнить 
результаты использования команды ЅЕІЕСТ со спецификатором ріѕтІМСТ и без 
него. В примере 8.19 и нарис. 8.10 показано, что при вводе простой команды $ЕЁЕСТ 
Диккенс будет показан дважды, а команда со спецификатором рІЅТІМСТ выводит 
его только один раз. 


Пример 8.19. Команда ЅЕІЕСТ со спецификатором ЮїІѕЅТІМСТ и без него 


ЅЕІЕСТ аиЁһог ҒКОМ с1а$$1с$; 
ЅЕГЕСТ ОТУТТМСТ аиёһог РЕКОМ с1а$$1с$; 








ч 
ВЯ СлУуіпаом\ѕуѕіет32\ста.ехе (= БЕШ х 


Мак Тмаіп 

: Чапе Йи=ееп 
СВак1ез рариіп 
СВав1ез рісКепѕ 
Сһаһ1еѕ рісКепѕ= 
111іап Ѕһакеѕреаһе 


Мак Тмаіп 
Јапе Яџѕбеп 


+ 
5 һомѕ іп зеё <0.#0 зес> 





туѕч1> 2 





Рис. 8.10. Выбор данных с помощью команды ОІЅТІМСТ и без нее 


ОЕЕЕТЕ 


Когда нужно удалить строку из таблицы, применяется команда ОЕТЕТЕ. Ее синтак- 
сис похож на синтаксис команды 5ЕІЕСТ, она позволяет сузить диапазон удаляемой 
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информации до конкретной строки или строк путем использования таких специ- 
фикаторов, как ИНЕВЕ и ЕТМТТ. 


Теперь, если вы вводили команду, приведенную в примере 8.18, и изучали работу 
спецификатора ОТ$ТТМСТ, нужно удалить Е141е роггії путем ввода команды, по- 
казанной в примере 8.20. 


Пример 8.20. Удаление новой записи 
РЕЕГЕТЕ РЕКОМ с1а$$1с$ МНЕКЕ +1%1е='1141е Богг1*'; 


В этом примере команда рЕІЕТЕ выдается для всех строк, в столбце {1Е1е которых 
содержится строковое значение 11% 1е роггії. 


Ключевое слово ИНЕВЕ обладает большими возможностями, и очень важно, чтобы 
оно было правильно набрано. Ошибка может навести команду не на те строки (или 
вообще ни к чему не привести в том случае, если условию МНЕВЕ не будет найдено 
ни одного соответствия). Поэтому теперь нужно уделить немного внимания этому 
условию, играющему очень важную роль в языке 501. 


М/НЕКЕ 


Ключевое слово ИНЕВЕ позволяет сузить диапазон действия запроса, возвращая 
только те данные, в отношении которых конкретное выражение возвращает ис- 
тинное значение. За счет использования оператора равенства = код в примере 8.20 
возвращает только те строки, в которых значение столбца +іЄ1е в точности со- 
ответствует строке 11441е Вогг1*. В примере 8.21 показаны еще два фрагмента, 
в которых ИНЕКЕ используется с оператором =. 


Пример 8.21. Использование ключевого слова М/НЕВЕ 


ЗЕЁЕЕСТ ацВог,+{1{1е ЕКОМ с1аѕ51ісѕ МНЕВЕ аџиһог="Магк Тмаіп"; 
ЗЕЁЕЕСТ ацНог,+1{1е ЕКОМ с1аѕ5ісѕ МНЕВЕ 1$6п="9781598184891"; 


Применительно к нашей таблице эти две команды отобразят один и тот же результат. 
Но мы можем без особого труда добавить еще несколько книг Марка Твена, и тогда 
команда в первой строке отобразит все названия книг, принадлежащих его перу, 
а команда во второй строке — прежний результат (потому что, как мы знаем, [ВМ 
имеет уникальное значение) — Тһе Адуепеиге$ о# Том $амуег. Иными словами, по- 
исковые операции, использующие уникальный ключ, более предсказуемы, и новые 
доказательства этого вы увидите позже, при рассмотрении роли уникальных и пер- 
вичных ключей. 


При проведении поисковых операций можно также осуществлять проверку на 
соответствие шаблону, для чего применяется спецификатор ЕТКЕ, позволяющий 
вести поиск в разных частях строк. Этот спецификатор должен использоваться 
с символом % до или после некоторого текста. Если его поместить до текста, это 
будет означать «что-нибудь до», а если после текста — «ито-нибудь после». В при- 
мере 8.22 показаны три разных запроса, один из которых предназначен для начала 
строки, другой — для конца, а третий — для любого места в строке. Результат вы- 
полнения этих команд приведен на рис. 8.11. 


228 Глава 8 » Введение в МуѕЅоі 





Пример 8.22. Использование спецификатора ПКЕ 


ЅЕІЕСТ аи*Пог,+1+1е ЕВОМ с1аѕ5ісѕ МНЕВЕ ачЕПНог 1ТКЕ "Сһаг1е5%"; 
ЗЕЁЕСТ аиЁһог,+іЄ1е РЕКОМ с1а$$1с$ МНЕКЕ +%1%1е ІІКЕ "%5рес1е5"; 
ЗЕЁЕЕСТ аи&һог,&іЁ1е РЕКОМ с1аѕ5ісѕ МНЕКЕ +%1%1е 1ТКЕ "апа"; 





ая САМИ пдоми\зует32\ста.ехе с | © иаа 
муз 912 ЗЕБЕСТ ацеНок, &161е ЕВОМ с1аѕѕіс= НЕВЕ ачєһоһ ШКЕ "Сһаһ1еѕх 


аас ны 
ацЕНок 


1 СВак1ез Вакы1п 
1 СВак1ез ріскепѕ 


2 комз іп ѕеє <0.00 


туѕ91> ЗЕБЕСТ И ^.©161е ЕКОМ с1аз31с$ НЕВЕ єіє1е ШКЕ "хЅресіеѕ"; 
+ 


ром іп ѕеє <0.00 
пуѕ91> ЗЕБЕСТ ачёН і БЕД: РАШН 
+. 


Јапе Йизсеп Рһіде апа Ркеди41се 
уі11іат $һакеѕреаһе Вотео апа Ји1іеє 








Рис. 8.11. Использование ключевого слова \М№НЕВЕ со спецификатором ПКЕ 


Первая команда выведет книги, принадлежащие перу как Чарльза Дарвина, так 
и Чарльза Диккенса, потому что спецификатор _ІКЕ был настроен на возвращение 
всего соответствующего строке Сһаг1еѕ, за которой следует любой другой текст. 


Затем будет возвращена информация о книге Тйе Опт о} 5ресіеѕ, потому что есть 
только одна строка, столбец которой заканчивается строковым значением Ѕресіеѕ. 
И на последний запрос будет возвращена информация о книгах Риае апа Ргејийісе 
и Котео апа ЈиПеі, потому что обе записи соответствуют запросу строкового зна- 
чения апа в любом месте столбца. 


Символ % также будет соответствовать пустому месту в той позиции, которую он 
занимает. Иными словами, он может соответствовать пустой строке. 


ИМП 


Спецификатор Е1МТТ позволяет выбрать количество выводимых в запросе строк 
и место, с которого таблица начнет их возвращать. Когда передается один па- 
раметр, он указывает Му5ОТ. начать действие спецификатора с верхней части 
результатов и вернуть только то количество строк, которое задано этим параме- 
тром. Если передать спецификатору два параметра, то первый укажет смещение 
относительно начала результатов, которое МуЗОТ. должна учесть при их ото- 
бражении, а второй укажет, сколько строк нужно вывести. Можно представить, 
что первый параметр сообщает: «Нужно пропустить это количество результатов, 
ведя счет сверху». 
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В пример 8.23 включены три команды. Первая возвращает три первые строки из 
таблицы. Вторая возвращает две строки, начиная с позиции 1 (пропуская первую 
строку). А последняя возвращает одну строку, начинающуюся с позиции 3 (про- 
пуская первые три строки). Результаты выполнения всех трех команд показаны 
на рис. 8.12. 


Пример 8.23. Ограничение количества возвращаемых результатов 
ЅЕІЕСТ аи*Пог,{1{1е ЕВОМ с1аѕ5ісѕ 11МТТ 3; 


ЗЕЁЕСТ ацВог,+1+1е РЕКОМ с1а$$1с$ ЕТМТТ 1,2; 
ЗЕЁЕСТ ацВог,+1+1е РЕКОМ с1а$$1с$ ЕТМТТ 3,1; 























ч 
ВЯ СлМіпаом\зузќет32\ста.ехе (= не ни 


іп 
Јапе Йизеп 
Сһаһ 


5 


а Ркејидісе 
п оЁ $рестез 


<0.00 ѕес> 


ацєҺоһ,сіє1е ЕВОМ с1аѕѕіс= 


СВак1ез О1сКепз 











Рис. 8.12. Ограничение диапазона выводимых строк с помощью спецификатора ИМІТ 








Ключевое слово ММПТ требует особого внимания, поскольку смещение начинается 
с нулевой позиции, а количество возвращаемых строк — с единицы. Поэтому 
спецификатор ММИТ 1,3 означает возвращение трех строк, начиная со второй 
строки. Первый аргумент можно рассматривать как указание на то, сколько строк 
нужно пропустить, следовательно, говоря простым языком, инструкция должна 
звучать так: «Возвратить 3 строки, пропустив первые строки в количестве 1». 














МАТСН...АСАІМТ 


Конструкция МАТСН. . .АСАІМЅТ может быть применена к столбцу, для которого был 
создан индекс ЕОШТЕХТ (см. выше пункт «Создание индекса ЕОТІТЕХТ»). Исполь- 
зуя эту конструкцию, можно вести поиск, применяя в качестве критерия элементы 
обычного языка, как при работе с поисковыми механизмами Интернета. В отличие 
от конструкций ИНЕВЕ. ..= или МНЕВЕ.. .ІКЕ, конструкция МАТСН. . .АСАІМЅТ позволяет 
вводить в поисковый запрос несколько слов и проверять на их наличие все слова 
В столбцах, имеющих индекс ЕОШТЕХТ. Индексы ЕОШТЕХТ нечувствительны к регистру 
букв, поэтому неважно, какой именно регистр используется в ваших запросах. 
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Предположим, ЧТО ВЫ добавили индекс ЕОШТЕХТ к столбцам аиёћог и +іЁ1е и ввели 
три запроса, показанные в примере 8.24. Первый из них требует вернуть любые 
строки, в которых содержится слово атй. Поскольку ап4 является стоповым сло- 
вом, МуЅОЇ. его проигнорирует и запрос всегда будет возвращать пустой набор 
независимо от того, что хранится в столбцах. Второй запрос требует вернуть любые 
строки, содержащие в любом месте и в любом порядке оба слова: сипозйу и ѕћор. 
Третий запрос применяет тот же вид поиска для слов ѓот и завует. Результаты 
выполнения этих запросов показаны на рис. 8.13. 


Пример 8.24. Использование конструкции МАТСН...АСАТМ$Т с индексами РОШТЕХТ 


ЅЕІЕСТ аи*Пог,+1+1е ЕВОМ с1а$$1с$ 

МНЕКЕ МАТСН( аи Ног , +141е) АбАТМ$Т(‘апа'); 
ЅЕІЕСТ аи*Пог,+{1+1е ЕВОМ с1а$$1с$ 

ИНЕКЕ МАТСН ( ацЕПог ,{1Е1е) АСАІМ№ЅТ('сигіоѕі+у ѕһор'); 
ЅЕІЕСТ аи*Пог,+1+1е ЕВОМ с1а$$1с$ 

ИНЕКЕ МАТСН ( аи Вог ,{141е) АСАІМ№ЅТ ('©от замуег'); 








ВБ СлМіпаомз\ѕузіет32\ста.ехе [=> «е бо 


пуѕ91> 
пуѕд1> 
пуѕд1> ЗЕБЕСТ ацёһок, &1&1е ЕВОМ с1аѕѕіс= 
—> ШНЕВЕ МАТСН<ацєћок, &1&1е> АСАІМЅТ <’ апа’ >; 
Етпреу зеё А 79) 


пуѕ91> ЗЕБЕСТ ачеНок,. &1&1е ЕВОМ с1а5$1с$ 
—> ШНЕВЕ МЯТСН<ацеНок, $ 161е> АСАІМТ <’ сикіоѕієу зНор’ >; 
= ———_____ + 
ЕУ р 
СВак1ез рісКеп= 


һом іп зеё <0.00 ѕес> 


пуѕ91> ЗЕБЕСТ ачеНок, &1&1е ЕВОМ с1аѕѕіс= 
—> ШНЕВЕ МАТСН<ацєћок, ёіЄ1е> АСАІМТ <’ 


ком іп зеё <0.00 зес> 








Рис. 8.13. Использование конструкции МАТСН...АСАТМ$Т в индексе РОШТЕХТ 


МАТСН...АСАТМ$Т в булевом режиме 


При желании придать своим запросам с конструкцией МАТСН. . .АСАІМЅТ более 
широкие возможности нужно воспользоваться булевым режимом. Это изменение 
выражается в том, что стандартный запрос по индексу ЕОШТЕХТ ведет поиск любой 
комбинации искомых слов, не требуя наличия всех этих слов в тексте. Наличие 
отдельного слова в столбце приводит к тому, что поисковая операция возвращает 
строку. 


Булев режим позволяет также ставить впереди искомых слов знак + или -, чтобы 
показать, что они ДОЛЖНЫ быть включены или исключены. Если обычный булев 


Индексы 231 





режим требует «искать присутствие любого из этих слов», то знак «плюс» означа- 
ет, что «это слово обязательно должно присутствовать, иначе строку возвращать 
не нужно». Знак «минус» означает, что «этого слова быть не должно, а если оно 
присутствует, то строку возвращать не нужно». 


В примере 8.25 показаны два запроса, использующие булев режим. Первый запрос 
требует вернуть все строки, в которых содержится слово Сћат1еѕ и нет слова ѕресіез. 
Во втором запросе используются двойные кавычки, чтобы потребовать вернуть 
все строки, включающие в себя фразу опт о/. На рис. 8.14 показаны результаты 
выполнения этих запросов. 


Пример 8.25. Использование МАТСН...АСАІМЅТ в булевом режиме 


ЅЕІЕСТ ац*Пог,+1{1е ЕВОМ с1а$$1с$ 

МНЕВЕ МАТСН ( аи Ног , &141е) 

АСАТМ$Т ('+спаг1е$ -ѕресіеѕ' ІМ ВООЕГЕАМ МОРЕ); 
ЅЕІЕСТ ац*Пог,+{1{1е ЕВОМ с1а$$1с$ 

МНЕВЕ МАТСН ( аи Ног , &141е) 

АСАІМЅТ ('"огіріп оф"' ІМ ВООГЕАМ МОРЕ); 




















ч 
ВЯ СлМпаом\зузќет32\ста.ехе со |2 ссн 


пуѕд1> 
пуѕд1> 
пуѕ91> 
ОТЕТ 94 
туѕ91> ЗЕБЕСТ ачєһорһ,еіє1е ЕВОМ с1аѕѕіс= 
-> ШНЕВЕ МЯТСН<аиенок , $1 1е> 
—> ИСЯТЫ$Т<* +сһаһ1еѕ ресіеѕ’ ІМ ВООГЕЙН МОрЕ›; 
че + ----=---------------- + 
ацЕНок 





СВак1ез рісКкеп= 


=== 


+ 
1 ком іп ѕеє <0.00 ѕес> 


пуз41> ЗЕБЕСТ ацєһоһ, сіє1е ЕКОМ с1азз1с$ 
—> ШНЕВЕ МАТСН<ацєћорһ, &161е>» 
191 ІМ ВООБЕЙН МОрЕ›; 


+ 


а аа 
һом іп зеё <0.00 зес> 











Рис. 8.14. Использование конструкции МАТСН...АСАІМЅТ в булевом режиме 


Как, наверное, и ожидалось, первый запрос вернет только запись о книге Тле ОЧ 
Сипозйу 5йор Чарльза Диккенса. Запись о книге Чарльза Дарвина игнорируется, 
поскольку из результата должна быть исключена любая строка, содержащая слово 
ѕресіез. 





Во втором запросе есть кое-что интересное: частью ИСКОМОЙ строки является 
стоповое слово оѓ, но оно все же используется в поиске, поскольку двойные 
кавычки отменяют учет стоповых слов. 
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ОРР”АТЕ...5ЕТ 


Эта конструкция позволяет обновлять содержимое поля. Если нужно изменить 
содержимое одного или нескольких полей, сначала следует сузить область дей- 
ствия запроса до того поля или полей, которые будут подвергаться изменениям, 
практически тем же способом, который применялся в команде 5ЕІЕСТ. В приме- 
ре 8.26 показаны два разных способа использования УРОАТЕ...5ЕТ. Копия экрана 
с результатами работы этих команд приведена на рис. 8.15. 


Пример 8.26. Использование УРРАТЕ...5ЕТ 


ОР”РАТЕ с1аѕѕісѕ ЅЕТ аи Пог='МагК Тмаіп (Ѕатие1 Гапрһогпе С1етепѕ) ' 
ИНЕКЕ аиёһог='Магк Тмаіп'; 

ОРОАТЕ с1аѕ5ісѕ ЅЕТ саёерогу= 'С1аѕѕіс Е1с1оп' 
МНЕКЕ сафезогу='Е1с%1оп'; 








Г 
9 САМіпаомз\зузіет32\ста,ехе «ва 
ОТЕТ 92 


туѕ1> ОРОЙТЕ с1аѕѕісѕ $ЕТ ацєһоһ='Маһк Тиаіп «Ѕатие1 Шапяһоһпе С1етеп=›’ 
-> ШНЕВЕ ачеВок=’МакК Тоаіп’ ; 

Юцеку ОК, 1 ком аЁесфей 0.00 ѕес> 

|Вомз таєсһеа: 1 Сһапеа: 1 Маһпіпдѕ=: 0 


туѕд1> ОРОЙТЕ с1аѕѕіс= $ЕТ сабедоку=” С1аѕѕіс Еісёіоп’ 
-> МНЕВЕ сабечоһу=' Еісёіоп’ ; 

Юцеку ОК, 3 комз аЁРРессе@ <0.00 ѕес> 

|Вомз таєсһеа: 3 Сһапеа: 3 Макһпіпд=: 0 


Јапе Ёцѕёеп С1аѕѕіс Рісёіоп 

Сһаһ1еѕ раһиіп Моп-Еісёіоп 

Сһакһ1еѕ рісКеп= С1аѕѕіс Рісёіоп 
11іат Ѕ$һакеѕреаһе 











Рис. 8.15. Обновление столбцов в таблице сіаѕѕісѕ 


В первом запросе, действие которого затрагивает только одну строку, к литера- 
турному псевдониму Мат Тоаіп добавляется настоящее имя писателя — .5атиеі 
Тапейоте С етепз, заключенное в скобки. А вот второй запрос воздействует на три 
столбца, поскольку он заменяет все появления слова Ёісііоп в столбце саќевогу 
термином С/аѕѕіс Еісйоп. 


При выполнении обновления можно также воспользоваться такими уже при- 
веденными здесь спецификаторами, как ІМІТ, а также рассматриваемыми далее 
ключевыми словами ОВБЕК ВУ и СКООР ВУ. 


ОКОЕК ВУ 


Спецификатор ОВОЕВ ВУ позволяет отсортировать возвращаемые результаты по 
одному или нескольким столбцам в возрастающем или в убывающем порядке. 
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В примере 8.27 показаны два таких запроса, результаты работы которых можно 
увидеть на рис. 8.16. 


Пример 8.27. Использование ОВРЕК ВУ 


ЗЕЁЕСТ аиёһог,іЁ1е ҒКОМ с1аѕ5ісѕ ОВОЕВ ВУ аиЁһог; 
ЗЕЁЕСТ аиёһог,+іЁ1е ҒКОМ с1аѕ5ісѕ ОВОЕВ ВУ +іё1е рЕ5С; 








ч 
ЕЎ С\Міпаом\ѕуѕѓет32\ста,ехе «оаа 


Сһаһ1еѕ рариіп Тһе Оһідіп оЁ Ѕресіех 
Сһаһ1еѕ рісКеп= Тһе 014 Сиһіоѕібу Ѕһор 
Јапе Йиѕёеп Рь14е апа Рһејидісе 
Мак Туаіп «Ѕатце1 Шапһоһпе С1етеп=? Тһе Ядуепецкез оЁ Тот Замуек 
\\1111ат Ѕһакеѕреаһе Вотео апа Ји1іеё 

+. 


ком іп ѕеє <Й8.98 ѕес> 


пуѕ1> ЗЕБЕСТ ацеНок,&161е ЕВОМ с1аз51сз ОКрЕН ВУ є 
+. +. 


сіЄ1е 


1 Сһаһ1еѕ раһиіп Тһе Оһідіп оЁ Ѕресіеѕ 
1 Сһак1еѕ рісКеп= Тһе 014 Сиһіоѕібу Ѕһор 
: МавкК Теаіп <Ѕатие1 Шап9һоһпе С1етеп=?> ТУ У 
уі11іат Ѕһакеѕреаһе Вотео апа Ји1іеє 
Йизсеп 4е ап@ Ркедийд1се 


іп зеё <0.02 ѕес> 











Рис. 8.16. Сортировка результатов запроса 


Первый запрос возвращает издания, отсортированные по авторам в возрастающем 
алфавитном порядке (этот режим используется по умолчанию), а второй возвра- 
щает их отсортированными по названию в убывающем порядке. 


Если нужно отсортировать все столбцы по авторам, а затем в убывающем порядке 
по году издания (чтобы сначала стояли самые последние), нужно ввести следу- 
ющий запрос: 


ЅЕІЕСТ аиНог ,+141е, уеаг РЕКОМ с1аѕ51сѕ ОКОЕК ВУ аиЁһог,уеаг ОЕ$ЗС; 


Здесь показано, что каждый спецификатор сортировки по возрастанию и по убы- 
ванию применяется к отдельному столбцу. Ключевое слово реѕс применяется 
только к столбцу, который указан перед ним, — уеаг. Поскольку для столбца аи пог 
разрешено использовать порядок сортировки, применяемый по умолчанию, этот 
столбец сортируется в возрастающем порядке. Можно также указать порядок со- 
ртировки этого столбца по возрастанию и в явном виде, в результате будут полу- 
чены аналогичные результаты: 


ЅЕІЕСТ аиНог,{141е, уеаг РЕКОМ с1аѕ51сѕ ОКОЕК ВУ аиёһог А$С,уеаг ВЕС; 


СКОУР ВУ 


Как и при использовании ОВОЕВ ВУ, можно сгруппировать результаты, возвращаемые 
запросом, с помощью спецификатора СКОУР ВУ, который больше всего ПОДХОДИТ ДЛЯ 
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извлечения информации о группе данных. Например, если нужно узнать, сколько 
изданий каждой категории присутствует в таблице с1а$$1с$, можно ввести запрос: 


ЗЕЁЕСТ сафевогу , СОЦМТ (аиёћог) ЕКОМ с1аѕ51ісѕ СКОР ВУ са+ерогу; 


который вернет следующую информацию: 


ен ен = + 
| саерогу | СОУМТ(аи ног) | 
Чен ен = + 
| С1аѕѕіс Еіс+іоп | 3 | 
| Моп-Еісёіоп | 1 | 
| Р1ау | 1 | 
Же ен = + 


3 гом$ іп ѕеЁ (0.00 ѕес) 


Объединение таблиц 


Управление несколькими таблицами, содержащими различные виды информации 
в одной базе данных, считается вполне обычным делом. Рассмотрим, к примеру, 
таблицу клиентов — си отег$, для которой нужно обеспечить возможность ис- 
пользования перекрестных ссылок с приобретенными книгами из таблицы с1а$$1с$. 
Чтобы создать эту новую таблицу и поместить в нее информацию о трех клиентах 
и их покупках, введите команды из примера 8.28. Результаты показаны на рис. 8.17. 


Пример 8.28. Создание и заполнение таблицы сиѕіотегѕ 


СВЕАТЕ ТАВІЕ сиѕёотегѕ ( 
пате МАКСНАК (128), 
іѕрп МАКСНАК (13), 
РКІМАКҮ КЕУ (іѕрп)) ЕМСТМЕ Іппорв; 
ІМЅЕКТ ІМТО сиѕёотегѕ (пате, 1$6п) 
\МАГОЕ$ ( 'Јое В1058$','9780099533474'); 
ІМЅЕКТ ІМТО сиѕёотегѕ (пате, 1$6п) 
МАГОЕЗ ( 'Магу Ѕтіһ', '9780582506206'); 
ІМЅЕКТ ІМТО сиѕёотегѕ (пате, 1$6п) 
\МАГОЕЗ ( 'Јаск Мі150п', '9780517123201'); 
ЗЕЁЕСТ * ЕВОМ сиѕотегѕ; 





Существует также быстрый способ для вставки сразу нескольких строк данных, как 
в примере 8.28, позволяющий заменить три отдельных запроса ІМЅЕВТ ІМТО одним, 
в котором перечисляются вставляемые данные, отделенные друг от друга запятыми: 





ІМЅЕКТ ІМТО сизфотег$ (пате, іѕрп) МАШЈЕЅ 
('Јое В10р05', '9780099533474'), 
("Магу Ѕті+һ', '9780582506206'), 
("Јаск Мі150п', '9780517123201'); 


Разумеется, в настоящей таблице, содержащей сведения о покупателях, будут при- 
сутствовать также адреса, номера телефонов, адреса электронной почты и т. д., но 
на данном этапе изучения они для нас не представляют интереса. 
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ВЯ СЛМИпдом\зуетЗ32\ста.ехе [=>] (2888-38) 


пуѕ91> СВЕЙТЕ ТЯВЬЕ сизбомтек$ < 
-> паме УЙВСНЯВ<128>, 
-> 1зЪп УЯВСНЯВ<13>, 
—> РВІМАВУ КЕУ <1355п>>; 
Оцеку ОК, В комз аЁРесфейа <8.92 зес>» 


пуз41> ТМ$ЕВТ ІМТО сизботекз “пате, 15Ъп>» 
—> ЏАЦЈЕЅ<'Јое В10995',' 9780099533474” >; 
Оцеку ОК, 1 ком аЁ#Ғесбеа 0.02 ѕес? 


пуѕц1> ТМ$ЕВТ ІМТО сизботекз “пате, із Ьп? 
—> ЧАЦШЈЕЅ < Маку Ѕптієһ’, '9'780582506206' >; 
Оцеку ОК, 1 ком аЁЁесфе4 0.00 ѕес> 


пу541> ТМ$ЕВТ ІМТО сизботек$ “пате, 15Ъп>» 
—> ЏАЦШЈЕЅ<°Јаск 411501’, ?9'78951'2123281' >; 
Оцеку ОК, 1 ком а есбей <0.00 ѕес> 


пу541> ЗЕБЕСТ ЕВОМ сизботекз$ ; 
+ + + 


Зое В1099= 3780099533424 
Маку Зт1ЕН аР: 419 
Јаск \1150п 9780517123201 





Рис. 8.17. Создание таблицы сиѕќотегѕ 


При создании новой таблицы следует обратить внимание на то, что у нее есть 
кое-что общее с таблицей с1аѕѕісѕ: столбец под названием іѕЬп. Поскольку его 
предназначение в обеих таблицах совпадает (15ВМ№ всегда является ссылкой на 
одну и ту же книгу), этот столбец можно использовать для связывания двух таблиц 
вместе в едином запросе, как в примере 8.29. 


Пример 8.29. Объединение двух таблиц в одном запросе 


ЗЕЁЕСТ ЅЕГЕСТ пате, аи Ног ,+1{1е ЕВОМ сиѕотегѕ, с1а$$1с$ 
МНЕКЕ си$фотег$.1$Бп=с1а$$1с$.1$0п; 


В результате будет выведена следующая информация: 


ен = 4----------------- ++ -------------- + 
| пате | аиепог | +іє1е | 


| Јое В10885 | Сһаг1еѕ Оіскепѕ | Тһе 014 Сигіоѕі+у $Пор | 
| Магу Ѕтієһ | Јапе Аиѕ+еп | Ргіде апа Ргејидісе | 
| Јаск Мі1ѕоп | Сһаг1еѕ рагміп | Тһе Огіріп оф Ѕресіеѕ | 
+------------- Ф ---------------- + ------- + 
3 гом$ іп ѕеЁ (0.00 $ес) 


Видите, как этот запрос искусно связал вместе обе таблицы, чтобы продемон- 
стрировать книги из таблицы с1аѕ51сѕ, приобретенные покупателями из таблицы 
си$Фотег$? 


МАТОВА ЈОІМ 


Используя конструкцию МАТОВАЕ Ј01М, можно сократить количество вводимого текста 
и сделать запросы немного более понятными. В этом виде объединения участвуют 
две таблицы, в которых автоматически объединяются столбцы с одинаковыми 
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именами. Для получения тех же результатов, что и в примере 8.29, можно ввести 
следующий запрос: 


ЗЕЁЕСТ пате , аи Пог ,+1+1е РЕКОМ сиѕёотегѕ МАТУКАЕ ЭОТМ с1а$$1с$; 


ЈОІМ...ОМ№ 


Если нужно указать столбец, по которому следует объединить две таблицы, исполь- 
зуется конструкция Э0Т№.. .ОМ. Благодаря ей можно получить те же результаты, 
что и в примере 8.29: 


ЗЕЁЕСТ паме , аи Вог ,+1+1е РЕКОМ си$Фотег$ 
ЈОІМ с1а$$1с5$ ОМ сизфотег$.1$6п=с1а$$1с$.1$6пу 


Использование ключевого слова АЅ 


Можно сократить количество вводимого текста и улучшить читаемость запроса за 
счет создания псевдонимов с помощью ключевого слова Аѕ. После имени таблицы 
нужно просто поставить Аѕ, а затем используемый псевдоним. Следующий код 
идентичен по своей работе коду, приведенному в примере 8.29: 


ЗЕЁЕСТ пате , аи{Пог , +11е Ғгот 
си$фотег$ А5 сизф, с1а$$1с$ А5 с1аѕ5 МНЕКЕ си$*.156Бп=с1а$$.1$6пу 


Результат выполнения этой операции имеет следующий вид: 


| Јое В10255 | Сһаг1еѕ Ріскепѕ | Тһе 014 Сигіоѕі+у Ѕһор | 
| Магу ѕтієһ | Јапе Аиѕ+еп | Ргіде апа Ргејидісе | 
| Јаск Мі1ѕоп | Сһаг1еѕ рагміп | Тһе Огіріп оҒ Ѕресіеѕ | 
+------------- Ф --------------- Ф66-6-66. + 
3 гомѕ іп зеф (0.00 ѕес) 


Ключевое слово А5 можно также использовать для переименования столбца (неза- 
висимо от того, объединяются таблицы или нет), например: 


ЅЕІЕСТ пате Аз сиѕёотег ҒАОМ сизфотег$ ОКОЕК ВУ сиѕТотег; 


В качестве результата будут выведены следующие данные: 


| Јаск Мі1ѕоп | 
| Јое В10555 | 
| Магу ѕті+һ | 


3 гомѕ іп зеф (0.00 ѕес) 
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Псевдонимы особенно полезны в длинных запросах, содержащих множественные 
ссылки на одни и те же имена таблиц. 


Использование 
логических операторов 


Для дальнейшего сужения пространства выбора в запросах МуЗОТ, использующих 
ключевое слово МНЕКЕ, можно также задействовать логические операторы АМО, ОВ 
и №Т. В примере 8.30 показаны варианты применения каждого из них, но их можно 
использовать в любых сочетаниях. 


Пример 8.30. Использование логических операторов 


ЅЕІЕСТ ацНог,+1{1е ЕКОМ с1аѕ5ісѕ МНЕВЕ 

ачЕНог ІШІКЕ "Сһаг1е5%" АМО аиһог ЕТКЕ "%рагміп"; 
ЅЕІЕСТ аиЁһог,&і1е ЕКОМ с1аѕ5ісѕ МНЕКЕ 

аиёһог ЕТКЕ "%Магк Тмаіп%" ОК аиёһог ЕТКЕ "%Ѕатие1 Гапрһогпе С1етепѕ%" ; 
ЅЕІЕСТ аиЁһог,&і1е ЕКОМ с1аѕ5ісѕ МНЕКЕ 

ачЕНог |ТКЕ "Сһаг1е5%" АМО аиёһог МОТ ЕТКЕ "%рагиіп"; 


Первый запрос выбран потому, что Чарльз Дарвин может фигурировать в не- 
которых строках под своим полным именем — Чарльз Роберт Дарвин. А запрос 
возвращает сведения о книгах, для которых значение столбца аиќћог начинается 
с Сһаг1еѕ и заканчивается рагміп. Второй запрос ищет книги, принадлежащие перу 
Марка Твена, используя для этого либо литературный псевдоним — Магк Туаіп, 
либо настоящее имя писателя — Затие! Гапећогпе СІетепѕ. Третий запрос воз- 
вращает книги авторов, чье имя СБаг|ез, а фамилия не Юагжіп. 


Функции МузоЕ 


Стремление применять функции Му5ОТ. при таком обилии достаточно мощных 
функций РНР может вызвать недоумение. Ответ предельно прост: функции МуЗОГ. 
работают с данными непосредственно в самой базе. А при использовании РНР 
приходится сначала извлекать строку данных из МуЗОТ, выполнять обработку, 
а затем выдавать первоначально задуманный запрос к базе данных. 


Применение встроенных функций Му5ЗОТ. не только существенно сокращает 
время обработки сложных запросов, но и упрощает сами запросы. При желании 
подробные сведения обо всех доступных строковых функциях и функциях даты 
и времени можно найти в документации по следующим адресам: № р://9пуий.сот/ 
пуза15ИТипс$ и Һр://іпуигі.сот/туѕд!ааѓеғипсѕ. 


Первоначальные сведения о наборе наиболее востребованных функций изложены 
в приложении Г. 
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Работа с Му501 через рирМуАдтт 


Для работы с МуЗОТ, безусловно, важно изучить все представленные здесь основ- 
ные команды и особенности их работы, но после того, как они уже изучены, для 
управления базами данных и таблицами будет намного проще и быстрее исполь- 
зовать программу рррмМуА4йтіп. 


Для этого при условии, что пакет программ АМРР5 установлен в соответствии 
с инструкциями главы 2, наберите следующую команду, чтобы открыть программу 
(рис. 8.18): 


һер: //1оса1Ио${/риртуадт1 пт 


Д0, Посатоя / Іосаћоз: | р х ЗА 


є Ге а; | © іосаћоѕурһртугатіп/#РМАОЋА-Оітдех рр? = Влзые= &зегег= лагает = &1атд =епёісоаћіоп.соппесіоп=и8тЬА _ипсо.. їо? 








рһрМуАатіп - БЕ 22181 
гос [0 Оаќараѕвеѕ Ш 500 Ф 51аиз)| 21 Џвеге 2 Ехрой  ітрой 5” Ѕейіпдв т Моге 
есет Рамотез 
бе Сепега!5е19$ Ба{аБазе зегуег 


88 Зегуег соппесіоп соПафоп 0: | ЧНВтЬ4_ипісоде_сі " | кна анін ТЕ 
Ѕегуег уегзіоп: 5.6.35 - МуЅ0І. 
Соттипйу Зегуег (Р) 
х Ргоюсо| уеге: 10 
Аррезгапсе 521195 ваг тоо )осатові 

Зегуег сһагзе ОТГ Опісодфе (и8) 


4 № 








82 Гапушауе 89: | Епрїізћ 


Ф Тһете: | ртаһотте у | Үуеб`ѕегуег 


г Араспе/2 4,25 (/п32) Ореп591/1.0.2) 
* Ропізіге: | 82% "| рое. 





Паабасо спой уогуіоп: туедіі 
> Моге зейіпаз туздіпа 5.0.11-деу - 20120503 - $19: 
ареала 


РНР ехіепзіол: тузай 42 
РНР уегзюл: 5 5 38 





Рис. 8.18. Главный экран рһрмуАатіп 


На левой панели основного экрана рррМуА4йтіп щелчком можно выбрать любые 
таблицы, с которыми нужно поработать (хотя сначала, если такие таблицы от- 
сутствуют, их придется создать). Для создания новой базы данных можно также 
щелкнуть на пункте меню М№ем (Создать). 


Находясь в окне этой программы, можно совершать все основные операции, на- 
пример создавать новые базы данных, добавлять таблицы, создавать индексы и т. д. 
Дополнительные сведения о программе р6рМуА4пит можно найти в документации 
по адресу НЁрз://40с$/риртуаатт.пе. 


Если вы совместно со мной прорабатывали все примеры, приведенные в данной 
главе, то я вас поздравляю с тем, что вы смогли выдержать весьма долгое путеше- 
ствие, пройдя весь путь от изучения способа создания базы МуЗОТ. через выдачу 


Вопросы 239 





сложных запросов с задействованием сразу нескольких таблиц до использования 
булевых операторов и применения различных квалификаторов Муз ОГ. 


В следующей главе мы приступим к рассмотрению подходов к разработке ра- 
циональных баз данных, более совершенных ЗОТ-технологий, а также функций 
и транзакций МуЗОГ. 


Вопросы 


1. Для чего нужна точка с запятой в запросах МуѕЅ01? 
Какие команды используются для просмотра доступных баз данных или таблиц? 


Как на локальном хосте создается новый пользователь МуЗОТ. с именем пемиѕег 
и паролем пемраѕѕ, которому открыт доступ ко всему содержимому базы данных 
пемаа+абаѕе? 


Как просмотреть структуру таблицы? 
Для чего нужен индекс в МуЅО1? 
Какие преимущества дает индекс РОШТЕХТ? 


Что такое стоповое слово? 


омол № 


Оба спецификатора, и ЅЕ1ЕСТ ОТ$ТТМСТ, и СВОУР ВУ, приводят к отображению 
только одной строки для каждого значения в столбце, даже если такое значе- 
ние имеют несколько строк. В чем основное различие между $ЕЁЕСТ РІЅТІМСТ 
и бВОУР ВУ? 


9. Как можно с помощью инструкции ЅЕІЕСТ. . .МНЕВЕ вернуть только те строки, 
в которых в каком-нибудь месте столбца аи Пог таблицы с1а$51с$, использу- 
емой в этой главе, содержится слово Гапрпогпе? 


10. Что должно быть определено в двух таблицах, чтобы появилась возможность 
их объединения? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Освоение Му5о( 


В главе 8 была заложена хорошая основа для работы с реляционными базами дан- 
ных с использованием $01. Были рассмотрены создание баз данных и включаемых 
в них таблиц, а также вставка, поиск, изменение и удаление данных. 


Теперь, вооружившись этими знаниями, нужно изучить проектирование баз дан- 
ных, работать с которыми можно максимально быстро и эффективно. Например, 
научиться принимать решения о том, какие данные в какие таблицы помещать. 
За годы существования баз данных были разработаны руководства, следуя которым 
можно обеспечить эффективную работу с ними и возможность их масштабирова- 
ния по мере наполнения все новыми и новыми данными. 


Проектирование базы данных 


Перед тем как создавать базу данных, очень важно ее удачно спроектировать, в про- 
тивном случае, скорее всего, придется возвращаться назад и изменять ее структуру, 
разбивая одни и объединяя другие таблицы и перемещая различные столбцы из 
таблицы в таблицу с целью достижения рациональных связей, которыми Му ОТ. 
будет легче воспользоваться. 


Для начала было бы неплохо сесть за стол с листом бумаги и карандашом и на- 
бросать подборку тех запросов, которые, на ваш взгляд, чаще всего будут нужны 
вам и вашим пользователям. Для базы данных книжного интернет-магазина могут 
быть записаны следующие вопросы. 

О Сколько авторов, книг и покупателей имеется в базе данных? 

Каким автором написана та или иная книга? 


Какие книги написаны тем или иным автором? 





О 
О 
О Какая книга продается по самой высокой цене? 
О 


Какая книга является лидером продаж? 


Проектирование базы данных 241 





О Какие книги не покупались в этом году? 


О Какие книги приобретены тем или иным покупателем? 





О Какие книги были приобретены вместе с какими-нибудь другими книгами? 


Разумеется, к такой базе данных может быть сделано и множество других запро- 
сов, но даже эта подборка даст вам представление о том, как следует спланировать 
структуру таблиц. 


Например, книги и номера І5В№ должны быть, наверное, скомбинированы в одной 
таблице, поскольку они тесно взаимосвязаны (некоторые тонкости этого вопроса 
будут исследованы чуть позже). В отличие от этого, книги и покупатели должны 
находиться в разных таблицах, поскольку они слабо взаимосвязаны. Покупатель 
может купить любую книгу и даже несколько экземпляров одной и той же книги, 
а книга может быть приобретена многими покупателями и может не привлечь 
внимания еще большего количества потенциальных покупателей. 


Когда планируется множество поисковых операций по каким-нибудь столбцам, 
зачастую их лучше всего поместить в общую таблицу. А когда какие-то элементы 
слабо связаны друг с другом, их лучше поместить в отдельные таблицы. 


Если принять во внимание эти элементарные правила, то можно предположить, 
что для удовлетворения всех этих запросов нам понадобятся как минимум три 
таблицы. 


О аи+һогѕ (авторы). Предполагается большое количество поисков по авторам, 
многие из которых сотрудничали при написании книг, а значит, будут показаны 
вместе. Оптимальных результатов поиска можно добиться, если о каждом авто- 
ре будет дана вся относящаяся к нему информация, следовательно, нам нужна 
таблица авторов — аи Погз. 


О Боок$ (книги). Многие книги появляются в различных изданиях. Иногда 
у них разные издатели, а иногда разные книги имеют одно и то же название. 
Связи между книгами и авторами настолько сложны, что для книг нужна от- 
дельная таблица. 


О сиѕ+отекѕ (покупатели). Причина, по которой покупатели должны находиться 
в собственной таблице, еще более прозрачна — покупатели могут приобрести 
любую книгу любого автора. 


Первичные ключи. ключи к реляционным базам данных 


Используя возможности реляционных баз данных, мы можем задавать всю инфор- 
мацию для каждых автора, книги и покупателя в одном и том же месте. Очевидно, 
что нас интересуют связи между ними, например, кто написал каждую книгу и кто 
ее приобрел, и мы можем сохранить эту информацию лишь за счет создания связей 
между тремя таблицами. Я покажу вам основные принципы, которые нетрудно 
будет усвоить на практике. 
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Секрет заключается в присваивании каждому автору уникального идентифика- 
тора. То же самое делается для каждой книги и каждого покупателя. Смысл всего 
этого был объяснен в предыдущей главе: нам нужен первичный ключ. Для книги 
имеет смысл использовать в этом качестве номер 15ВХ, хотя вам, может быть, при- 
дется столкнуться с несколькими одинаковыми книгами, имеющими разные номе- 
ра І5ВМ№. Авторам и покупателям можно просто назначить произвольные ключи, 
имеющие свойство автоприращения — АОТО_ІМСКЕМЕМТ, что, судя по предыдущей 
главе, делается весьма просто. 


Проще говоря, каждая таблица будет спроектирована вокруг какого-нибудь объ- 
екта, в котором, скорее всего, будет вестись интенсивный поиск, — в данном случае 
вокруг автора, книги или покупателя, и этот объект должен иметь первичный ключ. 
В качестве ключа не следует выбирать ничего, что могло бы иметь одинаковое 
значение для разных объектов. Ситуация с номером 15ВМ№ является тем самым 
редким случаем, когда сама издательская индустрия предоставила нам первичный 
ключ, который можно считать уникальным для каждого продукта. В большинстве 
случаев для этих целей следует создавать произвольный ключ, использующий 
свойство АУТО_ТМСВЕМЕМТ. 


Нормализация 


Процесс распределения данных по таблицам и создания первичных ключей на- 
зывается нормализацией. Основная цель нормализации — обеспечить, чтобы 
каждая порция информации появлялась в базе данных только один раз. Дублиро- 
вание данных приводит к крайне неэффективной работе, поскольку неоправданно 
увеличивает объем базы данных и замедляет тем самым доступ к информации. 
Еще важнее то, что дубликаты создают большой риск обновления только одной 
строки продублированных данных, приводят к несогласованности в базе данных, 
являющейся потенциальным источником серьезных ошибок. 


Если, к примеру, названия книг перечисляются и в таблице авторов, и в таблице 
книг и возникает необходимость исправить опечатку в названии, нужно будет 
вести поиск в обеих таблицах и вносить одинаковые изменения везде, где встре- 
чаются названия книг. Лучше хранить названия в одном месте, а в других местах 
использовать номер 15ВМ. 


В процессе разбиения базы данных на несколько таблиц важно не зайти слишком 
далеко и не создать больше таблиц, чем требуется, что может также привести к не- 
эффективности конструкции и замедлению доступа к данным. 


К счастью, изобретатель реляционной модели Эдгар Кодд проанализировал по- 
нятие нормализации и разбил его на три отдельные схемы, названные первой, 
второй и третьей нормальными формами. Если вносить в базу данных изменения, 
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последовательно удовлетворяющие каждой из этих форм, то будет обеспечена 
оптимальная сбалансированность базы данных, способствующая достижению 
быстрого доступа и использованию минимального объема оперативной и дис- 
ковой памяти. 


Чтобы понять, как выполняется нормализация, начнем с весьма несуразной базы 
данных, представленной в табл. 9.1, в которой имеется одна таблица, содержа- 
щая все сведения об авторах, книгах и вымышленных покупателях. Ее можно 
рассматривать в качестве первой попытки создать таблицу, отслеживающую, 
кто из покупателей какие книги заказал. Неэффективность такой конструкции 
не вызывает сомнений, поскольку данные повсеместно дублируются (дубликаты 
в таблице выделены полужирным и курсивным шрифтом), но это всего лишь 
наша отправная точка. 


Таблица 9.1. Крайне неэффективная конструкция таблицы базы данных 




















Ацог 1 |Ацог2 |Т©е 15ВМ Ргісе | Сиѕќотег | Сиѕќотег Ригсһаѕе 
(Автор 1) | (Автор 2) | (Назва- (Цена) пате аййгеѕѕ Дае 
ние) (Имя поку-| (Адрес поку- | (Дата 
пателя) пателя) покупки) 
Рама Ааат РНР 0596101015 | 44,99 |Етша 1565 Ваіпром | Маг 03 
5$Наг Тгасмеп- | СоойфооЁ Вгоуп Воаа, [05 2009 
Бете Апее1еѕ, СА 
90014 
Раппу РЮупатіс | 0596527403 | 59,99 | рагеп 4758 Етіу "Рес 19 
Сооітап НТМЕ Ву4ег Ппуе, Кісһ- |2008 
топа, УА 
23219 
Низ Е. | Рауіа Гапе | РНР апа | 0596005436 | 44,95 |Еаг В. 862 Стевогу | ип 22 
ҰУіШатѕ Му$ОГ. Тһигѕќоп | Гапе, 2009 
Егапкіогё, КУ 
40601 
Дааа А4ат РНР 0596101015 | 44,99 | Оаггеп 4758 Етіу Пес 19 
5Натг Тгасшеп- | СоофооЕ Ву4ег Ппуе, Кісһ- |2008 
реге топа, УА 
23219 
Каѕтиѕ | Кеуіп Ртовгат-| 0596006815 | 39,99 | Рауіа 3647 Се4аг |Јаһ 16 
ГегаогЁ | Тасгое & | тіпа МШег Гапе, 2009 
Ребег РНР М/а Бат, МА 
МасІпёуге 02154 
































В следующих трех разделах мы проанализируем эту конструкцию базы данных, 
и вы увидите, как она может быть улучшена за счет удаления продублированных 
записей и разбиения одной таблицы на несколько более практичных таблиц, в каж- 
дой из которых будет храниться один тип данных. 
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Первая нормальная форма 


Чтобы база данных соответствовала первой нормальной форме, она должна выпол- 
нять три требования. 


о Вней не должно быть повторяющихся столбцов, содержащих одни и те же типы 
данных. 


и Каждая позиция пересечения столбца и строки должна содержать только одно 
значение. 





О Для уникальной идентификации каждой строки должен быть первичный ключ. 


Рассматривая по порядку эти требования, вы заметите, что в столбцы Аиёћог 1 
и Аићог 2 заложены повторяющиеся типы данных. Итак, у нас уже появился тот 
самый столбец, который следует поместить в отдельную таблицу, поскольку по- 
вторяющийся столбец Аиќһог противоречит правилу 1. 


Второе несоответствие связано с тем, что для последней книги, Ртовтаттіпе 
РНР, указаны три автора. Я считаю, что использование одного и того же столбца 
АиЁћһог 2 для имен двух авторов — Кеуіп Таїгое и Реќег МасПкуте — нарушает 
правило 2. Это еще одна причина перемещения всех сведений об авторах в от- 
дельную таблицу. 


А вот правило 3 здесь соблюдается, потому что первичный ключ в столбце І5В№ 
уже создан. 


В табл. 9.2 показаны результаты перемещения столбцов авторов из табл. 9.1. Те- 
перь здесь уже меньше беспорядка, хотя все еще остаются дубликаты, выделенные 
полужирным и курсивным шрифтом. 


Таблица 9.2. Результаты удаления столбцов из табл. 9.1 





Те ІЅВМ Ргісе Сиѕїіотег пате | Сиѕќотег айагеѕѕ | Ригсһаѕе ӣаќе 

(Название) (Цена) | (Имя покупа- | (Адрес покупа- (Дата покупки) 
теля) теля) 

РНР 0596101015 | 44,99 Етта Вгоуп 1565 Вашро\ Коа, | Маг 03 2009 

Соовђооћ Гоѕ Апве]еѕ, СА 


90014 


Паггеп Ву4ег 4758 Етіу Омуе, |Оес 19 2008 
Кісһтопа, УА 


Дупапис 0596527403 | 59,99 
НТМЕ 








23219 
РНР апа 0596005436 | 44,95 Еагі В. Тһигѕќоп |862 Стевогу Гапе, | Јип 22 2009 
Му5ОГ, Ета Юге, КУ 40601 
РНР 0596101015 | 44,99 Паггеп Ву4ег 4758 Етіу Омуе, |Оес 19 2008 
Соойоое Кісһтопа, УА 

23219 





Рговгаттіпе | 0596006815 | 39,99 Дау МШег 3647 Се4аг Гапе, Лав 16 2009 
РНР М/а[ Ват, МА 02154 
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Новая таблица Аи+һогѕ, приведенная в табл. 9.3, проста по структуре и имеет 
довольно небольшой размер. В ней просто перечисляются номера Т5ВМ, при- 
надлежащие книге с тем или иным названием, рядом с которыми размещается 
автор. Если у книги более одного автора, соавторы получают собственную строку. 
Поначалу эта таблица может показаться несуразной, потому что по ней нельзя по- 
нять сразу, кто из авторов какую книгу написал. Но не стоит переживать: МуЗОГ. 
может быстро проинформировать вас об этом. Для этого нужно лишь сообщить, для 
какой именно книги нужна такая информация, и МуЗОТ, воспользуется ее ВМ 
для поиска в таблице авторов, что займет какие-то миллисекунды. 


Таблица 9.3. Новая таблица Аипог$ 





























15ВМ Аи пог (Автор) 
0596101015 Дау ЅИаг 
0596101015 Адат ТтгасһќепБеге 
0596527403 Юаппу Соойтап 
0596005436 Низ Е. №іШатаѕ 
0596005436 Дау Гапе 
0596006815 Каѕтиѕ ГегЧотЁ 
0596006815 Кеуш Табгое 
0596006815 Ресет Маспбуге 














Как было отмечено ранее, І5ВМ№ будет служить в качестве первичного ключа для 
таблицы книг — Воокѕ, когда дело дойдет до ее создания. Я упомянул об этом, чтобы 
подчеркнуть, что [ВМ тем не менее не является первичным ключом для таблицы 
АнЕНог$. При практической разработке для таблицы АиеНог5 также нужно создать 
первичный ключ, обеспечивающий уникальную идентификацию авторов. 


Поэтому ДЛЯ таблицы АиЁһћог5 столбец ІЅВМ является простым столбцом, для кото- 
рого в целях ускорения поиска может быть, наверное, создан ключ, но этот ключ 
будет уже не первичным. Фактически в этой таблице он и не может быть первич- 
ным, так как не обладает уникальностью: один и тот же номер 15$ВМ появляется по 
нескольку раз в тех случаях, когда над одной книгой работали несколько авторов. 


Поскольку мы будем использовать такой ключ для связи авторов с книгами в дру- 
гой таблице, этот столбец называется внешиим ключом. 








Ключи (которые также называются индексами) имеют в Му5ОЕ несколько предна- 
значений. Основной целью создания ключа является ускорение поиска. В главе 8 
были показаны примеры, в которых ключи использовались в условиях \/НЕВЕ для 
осуществления поиска. Но ключ можно применять и для уникальной идентифика- 
ции элемента. Таким образом, уникальный ключ часто задействуется в качестве 
первичного ключа в одной таблице и в качестве внешнего ключа для связи строк 
этой таблицы со строками другой. 
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Вторая нормальная форма 


Первая нормальная форма позволяет разобраться с продублированными данными 
(или избыточностью) в нескольких столбцах. Вторая нормальная форма имеет 
отношение только к решению проблемы избыточности в нескольких строках. Что- 
бы можно было привести базу данных ко второй нормальной форме, ваши табли- 
цы должны уже иметь первую нормальную форму. Как только это будет сделано, 
для определения столбцов, данные в которых повторяются в разных местах, и по- 
следующего их перемещения в собственные таблицы применяется вторая нормаль- 
ная форма. 


Еще раз посмотрим на табл. 9.2. Видите, Оаггеп Куйег приобрел две книги, и по- 
этому его данные продублированы. Это говорит о том, что столбцы, имеющие 
отношение к покупателю (Сиѕотег пате и Сиѕёотег адагезз), следует переместить 
в их собственные таблицы. В табл. 9.4 показан результат удаления двух столбцов, 
касающихся покупателя, из табл. 9.2. 


Таблица 9.4. Новая таблица Тез 




















Т5ВМ Те (Название) Ргісе (Цена) 
0596101015 РНР СоокЬооКк 44,99 
0596527403 Рупатіс НТМІ. 59,99 
0596005436 РНР апа Му$ОТ. 44,95 
0596006815 Рговтаттіп= РНР 39,99 














Таким образом, в табл. 9.4 остались только столбцы номера Т$ВМ, названия (Тіё1е) 
и цены (Рг1се) для четырех уникальных книг, поэтому теперь это эффективная 
в использовании и независимая таблица, удовлетворяющая требованиям как 
первой, так и второй нормальной формы. Попутно мы справились с сокращением 
информации до уровня тех данных, которые имеют непосредственное отношение 
к книгам с определенными названиями. Эта таблица может также включать год 
издания, количество страниц, количество переизданий и т. д., поскольку все эти 
данные имеют тесную связь друг с другом. Единственное правило гласит: сюда 
нельзя помещать столбцы, которые могут содержать несколько значений для одной 
книги, поскольку тогда нам придется указывать одну и ту же книгу в нескольких 
строках, нарушая таким образом правила второй нормальной формы. К примеру, 
к нарушениям на этом этапе нормализации может привести восстановление столб- 
ца авторов. 


Но изучая извлеченные столбцы, относящиеся к покупателям, которые теперь по- 
казаны в табл. 9.5, можно заметить, что эта таблица все же требует дополнительной 
нормализации, поскольку сведения о покупателе Оаггеп Ву4ег по-прежнему про- 
дублированы. Следует также признать, что правило 2 первой нормальной формы 
(все столбцы должны содержать только одно значение) здесь не соблюдается, 
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поскольку адресные данные нужно разбить на отдельные столбцы для адреса — 
Ааагеѕѕ, города — Сі?у, штата — 5%а{е и почтового индекса — 21ір. 


Таблица 9.5. Сведения о покупателях из табл. 9.2 

















15ВМ Сиѕіотег пате Сиѕіотег аййгеѕѕ Ригсһаѕе аїе 
(Имя покупателя) | (Адрес покупателя) (Дата покупки) 

0596101015 Етта Вгоуп 1565 Вашро\ Боа4, Гоѕ АпвеІеѕ, | Маг 03 2009 
СА 90014 

0596527403 Паггеп КуЯег 4758 Ету Онуе, Кісһтопа, УА | "Рес 19 2008 
23219 

0596005436 Еагі В. Тһигѕќоп 862 Стевогу Гапе, Етапкѓоге, КҮ | Јип 22 2009 
40601 

0596101015 Паггеп КуЯег 4758 Ету Онуе, Кісһтопа, УА |"Рес 19 2008 
23219 

0596006815 Лау МШег 3647 Сеааг Гапе, \Ма Бат, МА Јар 16 2009 
02154 




















Нужно продолжить разбиение этой таблицы, чтобы обеспечить однократный ввод 
сведений, касающихся покупателя. Поскольку І5ВМ№ не относится к таким сведе- 
ниям и не может использоваться в качестве первичного ключа для идентификации 
покупателей (или авторов), должен быть создан новый ключ. 


В табл. 9.6 показан результат нормализации таблицы Сиѕёотегѕ в соответствии 
с правилами первой и второй нормальных форм. Теперь у каждого покупателя 
есть уникальный номер покупателя, который называется Сиѕ+М№о, используется 
в качестве первичного ключа и который, скорее всего, был создан с использовани- 
ем свойства автоприращения — АОТО_ІМСКЕМЕМТ. Все составляющие адресов были 
также распределены по разным столбцам, для того чтобы упростить их поиск 
и обновление. 


Таблица 9.6. Новая таблица Сиѕќотегѕ 





























СиѕіМ№о Мате Аайгеѕѕ Сіу тате 21р 
(Номер (Имя) (Адрес) (Город) (Штат) (Почтовый 
покупателя) индекс) 
1 Етта Вгомп | 1565 КаіпЬоу Коа@ |105 Апвејеѕ | СА 90014 
2 Паггеп Куйег |4758 Етіу Онуе Кісһтопа УА 23219 
З Еагі В. Тһиг- |862 Стерогу Гапе ЕгайКЮге КУ 40601 
ѕіоп 
4 Рау МШег |3647 Се4аг Гапе М/а Бат МА 02154 











В то же время для нормализации табл. 9.6 необходимо было удалить информацию 
о покупках, поскольку в противном случае в ней встречались бы одни и те же 
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сведения о покупателе для каждой купленной им книги. Вместо этого данные о по- 
купках теперь помещены в новую таблицу Ригсһаѕеѕ (табл. 9.7). 


Таблица 9.7. Новая таблица Ригсһаѕеѕ 























СиѕїМ№о (Номер покупателя) | 15В№ Дате (Дата) 
1 0596101015 Маг 03 2009 
2 0596527403 "Рес 19 2008 
2 0596101015 "Рес 19 2008 
З 0596005436 Јар 22 2009 
4 0596006815 Јар 16 2009 














Здесь в качестве ключа, связывающего вместе таблицы Сиѕёотегѕ и Риксһаѕеѕ, опять 
используется столбец Си$№ из табл. 9.6. Поскольку здесь повторно появляется 
столбец Т5ВМ, эта таблица может быть связана также с таблицами Аи Вог$ и Т1&1е$. 


Столбец Сиѕ+№о может быть полезен в качестве ключа (но только не первичного) 
в таблице РигсНазез: один и тот же покупатель может приобрести несколько книг 
(и даже несколько экземпляров одной и той же книги), поэтому столбец Сиѕ+Мо 
не может служить первичным ключом. Фактически у таблицы Ригсһаѕеѕ вообще 
нет первичного ключа. И это вполне нормально, поскольку потребностей в отсле- 
живании уникальных покупок не предвидится. Если один покупатель приобретет 
два экземпляра одной и той же книги, то придется смириться с двумя строками, 
содержащими одну и ту же информацию. Для упрощения поиска можно определить 
в качестве ключей, только не первичных, оба столбца: СиѕМ№о и Т$ВМ. 





Теперь у нас четыре таблицы, на одну больше, чем те три, которые потребова- 
лись бы согласно нашим первоначальным прикидкам. Мы пришли к этому решению 
в процессе нормализации, методически следуя правилам первой и второй нор- 
мальных форм, которые однозначно позволили выявить необходимость существо- 
вания дополнительной четвертой таблицы под названием Ригсһаѕеѕ (Покупки). 





У нас есть следующие таблицы: Аиёһогѕ (см. табл. 9.3), Т141е$ (см. табл. 9.4), 
Сизфотег$ (см. табл. 9.6) и Ригсһаѕеѕ (см. табл. 9.7). Каждая из них может быть 
связана с любой другой с помощью либо ключа Сиз№, либо ключа Т5ВМ. 


Например, чтобы посмотреть, какие книги приобрел Паггеп Куйег, их можно по- 
искать через табл. 9.6, Си отег$, где мы увидим, что Си$№ этого покупателя 2. 
Теперь, имея этот номер, можно перейти к табл. 9.7, Ригспазе$, найти там столбец 
ІЅВМ и увидеть, что клиент приобрел книги с номерами 0596527403 и 0596101015 
19 декабря 2008 года. Подобные поиски кажутся утомительными для человека, но 
не составляют ни малейшего труда для МуЗОГ. 
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Определить названия этих книг можно, обратившись затем к табл. 9.4, Т11е$, 
и увидев, что это книги Рупатіс НТМІ. и РНР СоокБоок. Если нужно узнать 
авторов этих книг, следует воспользоваться номерами ІВМ, которые теперь 
нужно найти в табл. 9.3, Аиһогѕ. Станет понятно, что книгу с номером 1$ВМ 
0596527403, Оупатіс НТМІ, написал Раппу Соойтап, а авторы книги с номером 
І5ВМ 0596101015, РНР СоокБоок — Баха Ѕ5Каг и Айат ТгасһќепђБеге, 


Третья нормальная форма 


После приведения в соответствие первой и второй нормальным формам база дан- 
ных приобрела подходящий вид, и в дальнейшем вам, возможно, уже не придется 
что-либо в ней изменять. Но если применить к базе данных более суровые требо- 
вания, то можно довести ее до соответствия правилам третьей нормальной формы, 
которые требуют, чтобы данные, не имеющие непосредственной зависимости от 
первичного ключа, но имеющие зависимость от другого значения в таблице, были 
также перемещены в отдельные таблицы в соответствии с тем, к чему они имеют 
отношение. 


Например, касательно табл. 9.6, Сиѕ+отегѕ, можно утверждать, что ключи 5+аќ+е, 
сіту и 21р не имеют прямого отношения к каждому покупателю, поскольку эти же 
составляющие будут присутствовать в адресах многих других людей. Но они на- 
прямую связаны друг с другом тем, что улица в адресе — Адаге$$ относится к го- 
роду — Сі+у, а город относится к штату — 5 аќе. 


Поэтому, чтобы соблюсти правила третьей нормальной формы для табл. 9.6, ее 
нужно разбить на табл. 9.8—9.11. 


Таблица 9.8. Таблица Сиѕїотегѕ, соответствующая правилам третьей нормальной формы 














Си$ЕМ№о Мате Аайгеѕѕ 21р 

(Номер покупателя) | (Имя) (Адрес) (Почтовый индекс) 
1 Етта Вгомп 1565 Вашро\ Коа 90014 

2 Рагтеп КуЯег 4758 Етіу Онуе 23219 

3 Еагі В. Тһигѕќоп 862 Стевогу Гапе 40601 

4 Дама МШег 3647 Сеааг Гапе 02154 











Таблица 9.9. Таблица 71р сойеѕ, соответствующая правилам третьей нормальной формы 














21р (Почтовый индекс) СієуІр (Идентификатор города) 
90014 1234 
23219 5678 
40601 4321 














02154 8765 
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Таблица 9.10. Таблица СШе$, соответствующая правилам третьей нормальной формы 





СіуІр (Идентификатор города) | Мате (Название) | Ѕаїеїр (Идентификатор штата) 














1234 Гоѕ Апвејеѕ 5 

5678 Кісһтопа 46 
4321 ЕгайКЮге 17 
8765 М/а Ват 21 





Таблица 9.11. Таблица Ѕїаїеѕ, соответствующая правилам третьей нормальной формы 





Ѕќаќеїр (Идентификатор штата) | Мате (Название) | АББгемаНопт (Аббревиатура) 














5 СаШогша СА 
46 Уігеіпіа УА 
17 Кешаску КУ 
21 Маѕѕасһиѕесѕ МА 

















Ну и как пользоваться этим набором из четырех таблиц вместо одной табл. 9.6? 
В табл. 9.8 нужно найти 7ф-код, затем в табл. 9.9 — соответствующий ему город. 
Располагая этой информацией, в табл. 9.10 можно найти название города, а за- 
тем — идентификатор штата — $+а%е10, который можно использовать в табл. 9.11 
для поиска его названия. 


Хотя подобное подстраивание под третью нормальную форму может показать- 
ся излишним, у него могут быть и свои преимущества. Например, взгляните на 
табл. 9.11, в которую удалось включить как название, так и двухбуквенную аб- 
бревиатуру штата. Сюда же при желании можно включить данные о количестве 
жителей и другие демографические сведения. 





Таблица 9.10 может также содержать более локализованную демографическую 
информацию, которая окажется полезной вам и (или) вашим покупателям. Разби- 
вая эти данные на части, вы можете упростить обслуживание своей базы данных 
в будущем, когда потребуется добавить к таблицам дополнительные столбцы. 








Решение о том, к чему именно следует применить правило третьей нормальной 
формы, может оказаться непростым. Оценка должна основываться на том, какие 
дополнительные данные могут понадобиться со временем. Если вы абсолютно 
уверены в том, что ничего, кроме имени и адреса покупателя, не понадобится, то, 
наверное, без этой заключительной стадии нормализации можно будет обойтись. 


С другой стороны, представьте, что вы создаете базу данных для такой крупной 
организации, как Почтовая служба США. Что вы будете делать, если город будет 
переименован? С такой таблицей, как табл. 9.6, вам придется проводить глобаль- 
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ный поиск и менять название города везде, где оно упоминается. Но если ваша 
база данных нормализована по правилам третьей нормальной формы, нужно будет 
изменить всего лишь одну запись в табл. 9.10 для того, чтобы это изменение отра- 
зилось на всей базе данных. 


Поэтому я советую ответить себе на два вопроса, которые помогут принять реше- 
ние, нужно ли применять нормализацию по правилам третьей нормальной формы 
к той или иной таблице. 


О Существует ли вероятность того, что к таблице нужно будет добавить много 
новых столбцов? 





О Может ли когда-нибудь для любого из полей этих таблиц потребоваться гло- 
бальное обновление? 


Если оба ответа на эти вопросы положительные, значит вам все же следует про- 
вести заключительную стадию нормализации. 


Когда не следует проводить нормализацию 


Теперь, когда вы ознакомились со всеми тонкостями нормализации, я хочу рас- 
сказать о том, почему нужно отбросить все эти правила при работе с сайтами, 
имеющими высокий уровень обращений. Вам действительно не следует проводить 
полную нормализацию таблиц, используемых сайтом, если это приведет к излиш- 
ней загруженности МуЗОГ. 


Нормализация требует распространения данных по нескольким таблицам, а это оз- 
начает, что при каждом запросе будет осуществляться несколько вызовов Му5ОТ.. 
Если на сайте, пользующемся высокой популярностью, будут нормализованные 
таблицы и счет одновременно обслуживаемых пользователей пойдет на десятки, 
то скорость доступа к базе данных существенно снизится, потому что для их об- 
служивания потребуются сотни обращений к этой базе. Если серьезно, то я хочу 
пойти еще дальше и сказать, что вы должны провести максимально возможную 
денормализацию любых часто востребуемых данных. 


Причина в том, что дублирование данных в таблицах позволяет существенно со- 
кратить количество необходимых дополнительных запросов, потому что основная 
масса востребованных данных доступна в каждой таблице. Это означает, что можно 
будет просто добавить к запросу еще один столбец, и это поле станет доступно для 
всех соответствующих результатов, хотя (разумеется) вам придется смириться со 
всеми упомянутыми ранее издержками, включая использование большого объема 
дискового пространства и обеспечение обновления каждой отдельной копии про- 
дублированных данных, когда одна из них требует модификации. 


Конечно, многократные обновления можно компьютеризировать. Система Муз ОТ. 
предоставляет возможность использовать триггеры, которые осуществляют 
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автоматические изменения базы данных в соответствии с произведенными вами 
изменениями. (Триггеры в данной книге не рассматриваются.) Другой способ ко- 
пирования в среде избыточных данных состоит в настройке РНР-программы на 
регулярный запуск и поддержание всех копий в синхронизированном состоянии. 
Программа считывает изменения с «ведущей» таблицы и обновляет все остальные. 
(Способы доступа к МуЗОТ, из РНР будут описаны в следующей главе.) 


Но пока вы не приобретете опыт работы с МуЗОТ., я рекомендую проводить 
полную нормализацию всех ваших таблиц (по крайней мере приводить к первой 
и второй нормальным формам), чтобы это вошло в привычку и принесло пользу 
в дальнейшем. Только после этого можно приступать к выявлению «заторов» в ра- 
боте МуЅОТ. и присматриваться к денормализации. 


Отношения 


МубОТ, называют системой управления реляционными базами данных, потому 
что в ее таблицах содержатся не только данные, но и отношения между ними. 
Существует три категории отношений. 


«Один к одному» 


Отношение «один к одному» между двумя типами данных похоже на традиционные 
брачные отношения: каждый элемент данных соотносится только с одним элемен- 
том другого типа. Это на удивление редкий тип отношений. Например, автор может 
написать несколько книг, у книги может быть несколько авторов, и даже адрес мо- 
жет быть связан с несколькими покупателями. Возможно, наилучшим примером, 
встречавшимся в этой главе, может послужить отношение «один к одному» между 
названием штата и его двухбуквенной аббревиатурой. 


Чтобы легче было объяснить, что это такое, предположим, что по какому-нибудь 
конкретному адресу может проживать только один покупатель. В таком случае 
отношение Сизфотег$ — Аадгез5е$ на рис. 9.1 будет отношением «один к одному»: 
только один покупатель живет по каждому адресу, и по каждому адресу может 
жить только один покупатель. 


Обычно, когда у двух элементов имеется отношение «один к одному», их включают 
в качестве столбцов в одну и ту же таблицу. Для отнесения их к двум отдельным 
таблицам могут быть две причины: 


О вы хотите быть готовыми к тому, что позже это отношение изменится и больше 
уже не будет иметь характер «один к одному»; 





О в таблице слишком много столбцов, и вы полагаете, что производительность ра- 
боты системы или возможности ее обслуживания улучшатся за счет ее разбиения. 
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Таблица 9.8, а (Сиѕіотегѕ) Таблица 9.8, 6 (Айагеѕѕеѕ) 
СиѕїМо Мате Адагеѕѕ 2ір 
1 пила ОМИ ее еннеенныя 1565 Каіпром Коаа 90014 
2 Раггеп Кудег --- - 4758 Етйу Опуе 23219 
3 Еап В. Тһигѕїоп ------ееенеснеенеененнкн 862 Сгедогу Гапе 40601 
4 бама Мег 3647 Седаг Гапе 02154 








Рис. 9.1. Таблица покупателей, Сизютегс (табл. 9.8), разбитая на две таблицы 


Разумеется, когда дело дойдет до создания вашей собственной, настоящей базы 
данных, между покупателями и адресами нужно будет создать отношения «один 
ко многим» (один адрес, много покупателей). 


«Один ко многим» 


Отношения «один ко многим» (или «многие к одному») возникают в том случае, 
когда одна строка в одной таблице связана со многими строками в другой таблице. 
Вы уже поняли, что в табл. 9.8 возникли бы отношения «один ко многим», если бы 
несколько покупателей проживали по одному и тому же адресу. В таком случае ее 
нужно разбить. 


Если посмотреть на табл. 9.8, а, показанную на рис. 9.1, можно увидеть, что у нее 
имеется отношение «один ко многим» с таблицей покупок, табл. 9.7, поскольку каж- 
дый покупатель представлен только одним конкретным человеком из табл. 9.8, а. 


Но табл. 9.7, Рипсһаѕеѕ, может содержать (и содержит) более одной покупки, сде- 
ланной одним и тем же покупателем. Поэтому один покупатель имеет отношение 
ко многим покупкам. 


На рис. 9.2 эти две таблицы показаны рядом друг с другом, а линии соединяют 
строки в каждой таблице и, начинаясь в одной строке левой таблицы, могут со- 
единять с ней более одной строки правой таблицы. Схема отношения «один ко 
многим» также хорошо подходит и для описания отношения «многие к одному», 
в этом случае нужно левую и правую таблицы поменять местами и рассматривать 
их как отношение «один ко многим». 


Чтобы отобразить в реляционной базе данных отношение «один ко многим», 
создайте таблицу для «многих» и таблицу для «одного». Таблица для «многих» 
должна содержать столбец с перечислением первичного ключа из таблицы для 
«одного». Таким образом, таблица Ригспазез будет содержать столбец с перечис- 
лением первичного ключа покупателя. 
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Таблица 9.8, а (Сиѕїотегѕ) Таблица 9.7 (Ригсһаѕеѕ) 
СиѕїМо Мате СиѕіМо 1$ВМ Бае 
Етта Вгомп---------- 1 0596101015 Маг 03 2009 
2 Раггеп Вудег. 0596527403 рес 19 2008 
(ит. д.) 0596101015 ес 19 2008 
З Еагі В. Тһигѕїоп-- 0596005436 Чип 22 2009 
Раміа МШег 0596006815 Јап 16 2009 














Рис. 9.2. Иллюстрация отношения между двумя таблицами 


«Многие ко многим» 


В отношении «многие ко многим» многие строки в одной таблице связаны с мно- 
гими строками в другой таблице. Чтобы создать это отношение, нужно добавить 
третью таблицу, содержащую по столбцу из каждой из этих двух таблиц. В третьей 
таблице больше ничего не содержится, она предназначена только для связи других 
таблиц. 


Именно такой промежуточной таблицей и является табл. 9.12. Она была извлечена 
из табл. 9.7, Ригспазез (Покупки), но в ней отсутствует информация о дате покупки. 
Теперь она содержит копию номера 15ВМ каждой проданной книги, а также номер 
покупателя. 


Таблица 9.12. Промежуточная таблица 




















Сиѕќотег (Покупатель) ІЅВМ 

1 0596101015 
2 0596527403 
2 0596101015 
3 0596005436 
л 0596006815 











С помощью этой промежуточной таблицы можно пройти по всем хранящимся 
в базе данным, пользуясь схемой их отношений. За отправную точку можно взять 
адрес и найти авторов любых книг, приобретенных покупателем, проживающим 
по этому адресу. 


Предположим, к примеру, что нужно найти покупки, связанные с почтовым индек- 
сом 23219. Если поискать этот почтовый индекс в табл. 9.8, 6, то можно обнаружить, 
что покупатель с номером 2 приобрел как минимум одну книгу, имеющуюся в базе 
данных. Теперь можно воспользоваться табл. 9.8, а и найти имя этого покупателя 
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или воспользоваться новой промежуточной табл. 9.12, для того чтобы найти при- 
обретенную им книгу или книги. 


По этой таблице можно определить, что были приобретены две книги, и, отследив 
их номера в табл. 9.4, найти названия и цены этих книг или обратиться к табл. 9.3 
и увидеть в ней их авторов. 


Если вам показалось, что все это, по сути, не что иное, как сочетание нескольких 
отношений «один ко многим», то так оно и есть. Чтобы проиллюстрировать это, на 
рис. 9.3 все три таблицы представлены вместе. 


Проследите по любому почтовому индексу (71р-коду) в левой таблице связанные 
с ним идентификаторы покупателей. Далее можно проследить их связь с промежу- 
точной таблицей, которая объединяет левую и правую таблицы путем связывания 
покупательских идентификаторов и номеров 15ВМ. Теперь остается только про- 
следовать по І$ВМ№ к правой таблице, чтобы увидеть, к какой книге он относится. 





Столбцы Промежуточная Столбцы 
из таблицы 9.8 таблица 9.12 из таблицы 9.4 
(Сиѕіотегѕ) (Сиѕіотегѕ/1$5В№) (Тйеѕ) 
2ір Сиѕї СиѕїМо 1$ВМ 1583 те 
90014 Тан 1 0596101015 0596101015 РНР Соокбоок 






23219 2 0596527403 - (ит. д.) 

(ит. д.) 0596101015 ---------- 0596527403 Оупатіс НТМЕ 
40601 3 з 0596005436 ——-—- 0596005436 РНР апа МУЗОЕ 
02154 Данен 4 0596006815 ----------- 0596006815 Ргодгаттіпо РНР 











Рис. 9.3. Создание отношения «многие ко многим» с помощью третьей таблицы 


Промежуточную таблицу можно использовать также для следования в обратном 
направлении — от названий книг до 71р-кода. Из таблицы Т141е$ можно взять 
Т5ВМ, которым воспользоваться для поиска в промежуточной таблице иденти- 
фикационных номеров покупателей этих книг, и, наконец, в таблице Си5+отег$ 
идентификационные номера будут сопоставлены с 21р-кодами мест проживания 
покупателей. 


Базы данных и анонимность 


Интересный аспект использования отношений заключается в том, что о каком- 
нибудь элементе, например покупателе, можно собрать массу сведений, не зная 
ничего о его личности. Обратите внимание на то, что в предыдущем примере мы 
прошли от покупательских 71р-кодов к покупкам и вернулись назад, не определяя 
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имен покупателей. Базы данных могут использоваться для отслеживания сведений 
о людях, но они также могут использоваться и для защиты относящихся к ним 
конфиденциальных данных, при этом сохраняется возможность поиска полезной 
информации. 


Транзакции 


В некоторых приложениях жизненно необходимо, чтобы последовательность за- 
просов шла в нужном порядке и при этом каждый отдельный запрос успешно 
завершался. Представим, например, что создается последовательность запросов 
для перевода средств с одного банковского счета на другой. Вам бы не хотелось, 
чтобы при этом происходило что-либо подобное: 


О вы зачислили средства на второй счет, а когда попытались снять их с первого 
счета, при обновлении данных произошел сбой, и теперь эти средства числятся 
на обоих счетах; 


О вы сняли средства с первого банковского счета, но при запросе на обновление 
с целью их зачисления на второй счет произошел сбой, и теперь эти средства 
бесследно исчезли. 


Как видите, для этого типа транзакций важен не только порядок выполнения 
запросов, необходимо также, чтобы все части транзакции завершились успешно. 
Но как все это обеспечить? Ведь после осуществления запроса аннулировать его 
уже невозможно. Необходимо ли отслеживать все части транзакции, а затем прово- 
дить полный откат, если одна из ее частей даст сбой? Ничего этого делать не нуж- 
но, поскольку МуЗОТ. поставляется с мощным средством обработки транзакций, 
которое защищает именно от таких непредвиденных обстоятельств. 


Кроме того, транзакции предоставляют одновременный доступ к базе данных 
множеству пользователей или программ за счет обеспечения очередности про- 
ведения всех транзакций, и каждый пользователь или программа соблюдают 
очередность, не наступая друг другу на пятки, — МузОТ. со всем этим прекрасно 
справляется. 


Ядра (механизмы хранения) транзакций 


Чтобы использовать имеющееся в МуЅОТ средство обработки транзакций, нужно 
задействовать МуЗОТ-ядро шпо)В (используемое по умолчанию, начиная с вер- 
сии 5.5). Если вы не уверены в номере используемой версии Му5ОТ, на которой 
будет запускаться ваш код, нужно не выстраивать предположения, что шпо)В яв- 
ляется механизмом по умолчанию, а использовать его принудительно при создании 
таблицы, как показано далее. 
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Создадим таблицу банковских счетов, введя команды, приведенные в примере 9.1. 
(Напомню, что для этого нужно получить доступ к командной строке Муз ОТ. и вос- 
пользоваться подходящей для этой таблицы базой данных.) 


Пример 9.1. Создание таблицы, готовой к обработке транзакций 


СКЕАТЕ ТАВІЕ ассоипЁѕ ( 
питрег ІМТ, Ба1апсе РІОАТ, РКІМАКҮ КЕҮ(питрег) 
) ЕМСІМЕ Іппорв; 

рЕЅСАІВЕ ассоипЁѕ; 


Команда, которая находится в последней строке этого примера, отобразит содержи- 
мое новой таблицы, позволяя убедиться в ее успешном создании. Будет выведена 
следующая информация: 


+--------- 4--------- +------ +----- 4--------- +------- + 
| Е1е19а | Туре | №11 | Кеу | реғаџ1+ | ЕхЕга | 
4--------- 4--------- +------ +----- 4--------- +------- + 
| попбег | іп+(11) | № | РВГ | Ө | | 
| Ба1апсе | #1оае | УЕЗ | | ме | | 
+--------- 4--------- +------ +----- +--------- +------- + 


2 гом$ іп зеф (0.00 $ес) 


Теперь создадим в этой таблице две строки, которые можно будет задействовать 
в транзакциях. Для этого введем команды, показанные в примере 9.2. 


Пример 9.2. Заполнение таблицы ассоипіѕ 


ІМЅЕВТ ІМ№ТО ассоипёѕ (питбег, Ба1апсе) \МАГИЕ$ (12345, 1025.50); 
ІМЅЕКТ ТМТО ассоип*$ (питбег, Ба1апсе) \АГИЕ$ (67890, 140.00); 
ЅЕІЕСТ * РЕКОМ ассоипт$; 


Команда в третьей строке отобразит содержимое таблицы, подтверждая успешное 
создание строк. Будет выведена следующая информация: 


+-------- 4--------- + 
| питьег | Ба1апсе | 
+-------- 4--------- + 
| 12345 | 1025.5 | 
| 67899 | 140 | 
+-------- 4--------- + 
2 гомѕ іп зеф (0.00 ѕес) 


После создания и предварительного заполнения этой таблицы можно приступить 
к использованию транзакций. 


Команда ВЕСІМ№ 


Транзакции в МуЗОТ, начинаются либо с команды ВЕСТМ, либо с команды $ТАВТ 
ТКАМ№ЅАСТІОМ. Чтобы отправить транзакцию системе МуЗОТ, введите команды, по- 
казанные в примере 9.3. 
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Пример 9.3. Транзакция Му5 ОЕ 


ВЕСІМ; 

ОРБАТЕ ассоипеѕ $ЕТ Ба1апсе=ба1апсе+25.11 МНЕКЕ питрег=12345; 
СОММІТ; 

ЗЕЁЕСТ * ҒКОМ ассоипЁѕ; 


Результаты этой транзакции выводятся командой, содержащейся в последней 
строке, и должны иметь следующий вид: 


4-------- 4--------- + 
| питрег | Ба1апсе | 
4-------- 4--------- + 
| 12345 | 1050.61 | 
| 67899 | 140 | 
4-------- 4--------- + 


2 гом$ іп зеф (0.00 ѕес) 


Как видите, баланс счета 12345 увеличился на 25,11 и теперь составляет 1050,61. 
В примере 9.3 можно было также заметить команду СОММІТ, которая рассматрива- 
ется в следующем разделе. 


Команда СОММІТ 


Когда вы убедитесь в том, что ряд запросов, входящих в транзакцию, успешно вы- 
полнен, введите команду СОММІТ, чтобы передать все изменения базе данных. До тех 
пор пока не будет получена команда СОММІТ, все внесенные изменения рассматри- 
ваются МуЅОТ как временные. Эта особенность позволяет отменить транзакцию, 
отправляя вместо команды передачи СОММТТ команду отката КОГІВАСК. 


Команда КОЦВАСК 


Используя команду КОШІ ВАСК, можно заставить Муз ОТ. забыть обо всех запросах, 
выданных с начала транзакции, и отменить транзакцию. Можете проверить эту 
команду в действии путем ввода транзакции по переводу средств, показанной 
в примере 9.4. 


Пример 9.4. Транзакция по переводу средств 


ВЕСІМ; 

ОРБАТЕ ассоипёѕ ЅЕТ Ба1апсе=Ба1апсе-250 МНЕКЕ питрег=12345; 
ОРБАТЕ ассоипёѕ ЅЕТ Ба1апсе=Ба1апсе+250 МНЕКЕ питбрег=67896; 
ЅЕІЕСТ * ҒКОМ ассоип*$; 


Как только будут введены эти строки, вы увидите следующий результат: 


+-------- 4--------- + 
| питрег | Ба1апсе | 
+-------- 4--------- + 
| 12345 | 800.61 | 
| 67899 | зэе | 


2 гомѕ іп зеф (0.00 ѕес) 
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Теперь у первого банковского счета значение на 250 единиц меньше, чем раньше, 
а значение второго увеличилось на 250 единиц — вы осуществили между ними 
перевод на 250 единиц. А теперь предположим, что что-то пошло не так и эту тран- 
закцию нужно отменить. Для этого необходимо лишь ввести команду, показанную 
в примере 9.5. 


Пример 9.5. Отмена транзакции с помощью команды ВКОН-ВАСК 


ВОЕЕВАСК; 
ЗЕЁЕСТ * ЕКОМ ассоип+5; 


Теперь вы должны увидеть следующую выходную информацию, показывающую 
восстановление прежнего баланса на обоих счетах, благодаря тому, что транзакция 
была отменена командой воі ВАСК: 


+-------- +--------- + 
| питьег | Ба1апсе | 


| 12345 | 1050.61 | 
| 67899 | 140 | 


2 гом$ іп зеф (0.00 $ес) 


Команда ЕХРЕА1М 


Система МуЗОТ. поставляется с мощным инструментарием, который позволяет 
исследовать, как она интерпретировала выданные ей запросы. Используя команду 
ЕХРЕАТМ, можно получить отображение состояния любого запроса, чтобы понять, 
можно ли его выдать более удобным или эффективным способом. Применение 
этой команды с созданной ранее таблицей ассоип*5 показано в примере 9.6. 


Пример 9.6. Использование команды ЕХРІАІМ 
ЕХРЕАТМ ЅЕГЕСТ * РЕКОМ ассоипёѕ МНЕКЕ питбег= ' 12345 '; 


Результаты выполнения команды ЕХРІАІМ будут выглядеть следующим образом: 


гаган +----- гаиа +----- 4----+----- + 
[19| зе1есе Гура авто [уре |ро$$161е_ ее, Газу далей [гом | ЕхЕга | 
Ча ------- +----- 4------------- Ф ------4------- +----- 4----+----- + 
| 1|$ТМРЕЕ а. | сопѕ+ | РЕТМАВУ раса |[сопѕ+| 1] | 
4+ ---------- 4+-------- +----- 4------------- +------- 4------- +----- 4----+----- + 


1 гом іп зе (0.00 ѕес) 
Здесь МуЅОТ предоставляет вам следующую информацию. 


О ѕе1есі +уре. Тип выборки простой — 51ІМРІЕ. При объединении таблиц будет 
показан объединенный (јоіп) тип. 


О та Те. Текущей запрашиваемой таблицей была ассоипёѕ. 





О +уре. Тип запроса — сопѕ+. Если идти от наименее эффективного типа к наи- 
более эффективному, то возможные значения выстраиваются в следующий ряд: 
АІ, іпаех, гапзе, геф, ед_геф, соп$*, зузет и МОШ. 
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О роѕѕір1е Ккеуѕ. Возможно, это первичный ключ, РКІМАКҮ, а это значит, что доступ 
должен быть быстрым. 


О кеу. В данном случае используется ключ РКІМАЋҮ, что является хорошим по- 
казателем. 


О Кеу_1еп. Длина ключа равна 4. Это количество байтов индекса, которое будет 
использовано МуЗОГ. 


О ге+. Столбец ге+ отображает, какие столбцы или константы используются 
с ключом. В данном случае применяется константный ключ. 





О гомѕ. Количество строк, которые должны быть просмотрены этим запросом, 
равно 1, что также является хорошим показателем. 


Когда появится запрос, который подозревается в лишней трате времени на свое 
выполнение, попробуйте воспользоваться командой ЕХРЕАТМ, чтобы посмотреть, 
как его можно оптимизировать. Вы сможете обнаружить, какие ключи (если та- 
ковые имеются) были задействованы, какова их длина и т. д., и тогда можно будет 
соответствующим образом подкорректировать запрос или конструкцию таблицы 
(или таблиц). 


После того как эксперименты с временной таблицей ассоип{$ будут завершены, 
может появиться желание удалить эту таблицу с помощью следующей команды: 





ОВОР ТАВІЕ ассоипЁѕ; 





Резервное копирование и восстановление данных 


Независимо от того, какого рода данные хранятся в вашей базе, они все равно 
должны представлять для вас определенную ценность, даже если она измеряется 
временем, необходимым для их повторного ввода в случае повреждения жесткого 
диска. Поэтому для защиты вложенного вами труда важно сохранять резервные 
копии. Может также возникнуть потребность в перемещении вашей базы данных 
на новый сервер, и наилучшим способом является предварительное снятие с нее 
резервной копии. Важно также время от времени проверять резервные копии, для 
того чтобы убедиться в их целостности и работоспособности. 


Создание резервных копий и восстановление данных МуЅ0]І. существенно облег- 
чаются при использовании команды ту$а1аитр. 


Команда туза!Читр 


Команда му$а91аитр позволяет выгрузить базу данных или коллекцию баз данных 
в один или несколько файлов, содержащих все инструкции, необходимые для вос- 
создания всех ваших таблиц и повторного заполнения их данными. Эта команда 
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также может создавать файлы в формате с разделением значений запятыми — СЗУ 
(Сотта-Ѕерагаќеа Уаез) и в других текстовых форматах, использующих раздели- 
тели, или даже в ХМГ.-формате. Главный недостаток команды заключается в том, 
что в процессе резервного копирования таблицы нужно обеспечить, чтобы никто 
не ввел в нее запись. Эта задача решается разными способами, но самый простой 
состоит в остановке МуЗОТ-сервера перед запуском туѕд1аитр и его повторном 
запуске после окончания ее работы. 


Можно также перед запуском команды туѕд1аитр заблокировать все копируемые 
таблицы. Для блокировки чтения таблиц (поскольку нам нужно считать данные) 
в командную строку МузОТ. нужно ввести следующую команду: 


ОСК ТАВІЕЅ имя_таблицы1 КЕАЮ, имя таблицы? ВЕАО ... 


А для снятия блокировки нужно ввести такую команду: 


ОМЕОСК ТАВІЕЅ; 


По умолчанию вся выходная информация выводится командой туз41аитр на 
стандартное устройство, но ее можно перенаправить в файл, воспользовавшись 
символом >. 


Стандартный формат муза1аитр имеет следующий вид: 


муза1ачтр -и пользователь -рпароль база данных 


Но перед тем, как выгружать содержимое базы данных, важно убедиться в том, 
что путь к программе туѕд1аитр может быть найден по умолчанию, или же указать 
ее размещение в самой команде. В табл. 9.13 показаны наиболее вероятные места 
нахождения этой программы для различных установок и операционных систем, 
рассмотренных в главе 2. Если у вас какой-нибудь другой вариант установки, ме- 
стонахождение программы может быть несколько иным. 


Таблица 9.13. Наиболее вероятные места нахождения программы туѕдіаитр 
для различных установок 














Операционная система и программа | Наиболее вероятная папка местонахождения 
Уіпдомѕ АМРРЅ С:\Ртовгат Еіеѕ (х86)\ Атррѕ\туѕа\ Ып 

шасО$ АМРР$ /Арріісаќіопѕ /атррѕ/туѕд1 іп 

Тіпих АМРРЅ /Арріісабїопѕ/атррѕ/туѕд!/Біп 














Для вывода на экран содержимого базы данных риб1іса+іопѕ, созданной в главе 8, 
сначала выйдите из МуЗОТ, а затем введите команду, показанную в примере 9.7 
(указав при необходимости полный путь к туѕд1аитр). 


Пример 9.7. Вывод базы данных риБісайопѕ на экран 


муза1ачтр -и пользователь -рпароль риб1ісаћіопѕ 
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Вместо слов пользователь и пароль подставьте имя пользователя и пароль, ко- 
торые используются в вашей установке Муз ОГ. Если пароль для пользователя 
не установлен, эту часть команды можно опустить, но часть команды -и пользователь 
является обязательной, если только у вас не установлен привилегированный доступ 
(тооё) без пароля и вы не работаете в этом режиме (что делать не рекомендуется). 
Результат ввода этой команды будет похож на тот, что изображен на рис. 9.4. 








5 САМИпдо\з\зует32\ста.ехе = СЕ х 
> ЕМСІМЕ=МУуІЅАМ РЕЕАШІ.Т СНАВЅЕТ =1а& 1п1; 


-– Ритріп даба Рок $аЪ1е ‘сизбоптек$‘ 


П.ОСК ТАВІ,ЕЅ ‘сизботекз` ШВІТЕ; 

7% 10000 АТЕВ ТЯВЬЕ ‘сизфотекз` ОТЗЯВЬЕ КЕУ$ */; 

ІМЅЕВТ ІМТО ‘сизботекз` УЯШИЕ$ <° Маку Ѕтієһ”’ ,' 9280582506206’ ›, < Јаск Мі15ѕоп’, '92 
89512123281’ >; 

/ 1 40000 АТЕВ ТЯВЬЕ ‘сизботекз‘` ЕМАВІЕ КЕУЅ ж*/; 

ШМІ.ОСК ТВС; 


ТТМЕ_РОНЕ-@ОТ0_Т1МЕ_2ОНЕ ж/ 5 


501. _МОрЕ=-601.р_501, МОрЕ =/; 
РОВЕТСН_КЕУ _СНЕСК$ =001:)_ЕОВЕІСМ_КЕУ_СНЕСКЅ ж*/; 


501, МОТЕЅ =0201.р_ 501, МОТЕЅ =/; 
-— Ритр сотр1еєеа оп 2998-12-28 11:18:48 








Рис. 9.4. Выгрузка базы данных рибіісайопѕ на экран 


Создание файла резервной копии 


Запустив команду туѕд1аитр и убедившись в том, что она выводит на экран нужные 
данные, можно перенаправить данные резервной копии непосредственно в файл, 
используя символ >. 


Если предположить, что вам захотелось назвать файл резервной копии риб11са- 
+1015. $491, нужно ввести команду, показанную в примере 9.8 (не забудьте подста- 
вить вместо слов пользователь и пароль настоящее имя пользователя и пароль). 


Пример 9.8. Выгрузка базы данных рибсаНоп$ в файл 


туза1антр -и пользователь -рпароль риб1ісаћіопѕ > рир1іса+тіопѕ. 541 





Команда в примере 9.8 сохраняет файл резервной копии в текущем каталоге. 
Если нужно сохранить его в каком-нибудь другом месте, то перед именем файла 
следует указать соответствующий путь. Кроме того, необходимо убедиться в том, 
что каталог, куда будет сохраняться файл резервной копии, имеет соответству- 
ющие установки доступности, позволяющие записывать в него этот файл. 
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При выводе файла резервной копии на экран или загрузке его в текстовый редактор 
вы увидите, что он состоит из последовательности ЗОТ-команд: 


ОВОР ТАВІЕ ТЕ ЕХІЅТ5 'с1а$$1с$5'; 
СКЕАТЕ ТАВІЕ 'с1а$$1с$' ( 
'аиПог' уагсваг(128) аефаи1 МОЕ, 
'{1Е1е' уағгсһаг(128) аефаи1е МУ, 
'сакевогу' уагсһаг(16) деҒаи1+ Ми, 
'уеаг' $та111п*(6) де+Ғаџ1+ МИ, 
'156п' сНаг(13) МОТ МОЕ ае+аи1* '', 
РКІМАКҮ КЕУ ('1$6п'), 
КЕҮ 'аиёһог' ('аиёһог' (20)), 
КЕҮ '&іЄ1е' ('4141е' (20)), 
КЕҮ 'саферогу' ('сатерогу' (4)), 
КЕУ 'уеаг' ('уеаг'), 
РОГЕТЕХТ КЕУ "'ациВог_2' ('аи&һог', '+іё1е') 
) ЕМСІМЕ=Іппорв рЕғА0ІТ СНАКЅЕТ=1аёіп1; 


Это весьма продуманный код, который может быть использован для восстановле- 
ния базы данных из резервной копии, даже если она уже существует, поскольку 
сначала он удалит все таблицы, которые должны быть воссозданы, избавляясь 
таким образом от потенциальных ошибок МуЅОІ.. 


Создание резервной копии отдельной таблицы 


Чтобы создать резервную копию отдельной таблицы базы данных (такой как та- 
блица с1аѕѕісѕ базы данных риб1ісаїіопѕ), сначала нужно из командной строки 
МуЗОТ. заблокировать таблицу, набрав следующую команду: 


ОСК ТАВІЕЅ риб1ісаёіопѕ.с1аѕѕісѕ ВЕАО; 


Это обеспечит работу МуЗОТ, в режиме чтения, но сделает невозможной запись. 
Затем, не закрывая командную строку МуЗОТ, используйте другое окно терминала, 
чтобы ввести из командной строки операционной системы следующую команду: 


муза1ачтр -и пользователь -рпароль риб11са{1оп$ с1аѕ5ісѕ > с1а$$1с$.$41 


Теперь можно снять блокировку таблицы, для чего в первом окне терминала 
в командной строке МуЗОТ. нужно ввести следующую команду, которая разбло- 
кирует все таблицы, заблокированные в текущем сеансе: 


ОМЕОСК ТАВІЕЅ; 


Создание резервной копии всех таблиц 


Если понадобится создать резервную копию сразу всех ваших баз данных Му ОТ. 
(включая и такие системные базы данных, как туѕд1), можно воспользоваться 
командой, показанной в примере 9.9, которая позволит восстановить всю установку 
базы данных МуЗОТ, но при этом следует не забыть про блокировку там, где она 
потребуется. 
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Пример 9.9. Выгрузка всех баз данных МуЗОЕ в файл 


туза1ачтр -ч пользователь -рпароль --а11-ӣаћабаѕеѕ > а11_дафабазе$.$41 





Разумеется, в файлах резервных копий баз данных Му5ОЁ содержится очень 
много строк 5О[-кода. Я советую потратить несколько минут на изучение ряда 
этих строк для ознакомления с типами команд, которые встречаются в файлах 
резервных копий, и с порядком их работы. 








Восстановление данных из файла резервной копии 


Чтобы восстановить данные из файла, нужно вызвать исполняемую программу муз41 
и передать ей файл, из которого восстанавливаются данные, для чего следует вос- 
пользоваться символом <. Для восстановления всей базы данных, выгруженной с по- 
мощью ключа - -а11-ааёабаѕеѕ, используется команда, показанная в примере 9.10. 


Пример 9.10. Восстановление полного набора баз данных 


туѕ91 -и пользователь -рпароль < а11_ЧафаБазе$. $41 


Для восстановления одной базы данных применяется ключ -0, за которым сле- 
дует имя базы данных. В примере 9.11 показано, как восстановить базу данных 
риб11 са 1оп$ из резервной копии, созданной кодом, который показан в примере 9.8. 


Пример 9.11. Восстановление базы данных рибіісайопѕ 


туѕ91 -и пользователь -рпароль -0 риб1ісаїіопѕ < риб11са*10п$.$41 


Для восстановления отдельной таблицы базы данных используется команда, по- 
казанная в примере 9.12, где в базе данных риб1ісатіопѕ восстанавливается только 
таблица с1а$$1с$. 


Пример 9.12. Восстановление таблицы сіаѕѕісѕ в базе данных рибіісайопѕ 


туѕ91 -и пользователь -рпароль -0 риб1ісаіопѕ < с1а$$1с$.$41 


Выгрузка данных в файлы формата С$\У 


Как уже отмечалось, программа туза1аитр обладает завидной гибкостью и поддер- 
живает различные типы выходных данных, в том числе формат СЅҮ, которым, кроме 
всего прочего, можно воспользоваться для импортирования данных в электронную 
таблицу. В примере 9.13 показано, как можно выгрузить данные из таблиц с1а$$1с$ 
и си5фотег$ базы данных риб11 са 1оп$ в файлы с1аѕ51ісѕ.хі и сизфотег$ .{х+, на- 
ходящиеся в папке с: /+етр. Если работа идет в операционной системе тасО$ или 
Глпах, следует изменить путь назначения на существующую папку. 
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Пример 9.13. Выгрузка данных в файлы формата С$\ 


муза1ачтр -и пользователь -рпароль --по-сгеате-іпҒо --Фаб=с: /етр 
--11е149$-«егт1пафеа-Бу=',' риб1ісатіопѕ 


Команда слишком длинная, и в этом примере она занимает несколько строк, но 
вводить ее нужно в одной строке. В результате работы команды будет выведен 
следующий текст: 


Магк Тмаіп (Ѕатие1 Гапрһогпе С1етепѕ)', 'Тһе Адуепфиге$ оф Тот Ѕамуег', 

"С1аѕ5іс Рісііоп', '1876', '9781598184891 
Запе Аиѕ+еп', 'Ргіае апа Ргејийісе', 'С1аѕѕіс Рісііоп', '1811','9780582506206 
Сһаг1еѕ рагміп', 'Тһе Огіріп о+ Ѕресіеѕ', 'Моп-Еісііоп', '1856', '9780517123201 
Сһаг1еѕ ріскепѕ', "Тһе 014 Сигіоѕіїу Ѕһор','С1аѕѕіс Ғісёіоп', '1841', '9780099533474 
№111іат Ѕһакеѕреаге', 'Котео апа Ји]іеї', 'Р1ау', '1594', '9780192814968 


Магу Ѕті+һ', '9780582506206 
Јаск М1150п', '9780517123201 


Планирование резервного копирования 


Золотое правило резервного копирования гласит, что его следует проводить с той 
периодичностью, которая имеет практический смысл. Чем ценнее данные, тем 
чаще следует создавать их резервные копии и тем больше резервных копий нужно 
делать. Если ваша база данных обновляется хотя бы раз в сутки, то резервное ко- 
пирование необходимо проводить ежедневно. Если же она не подвергается частым 
обновлениям, то резервные копии можно создавать значительно реже. 








Нужно также подумать о создании нескольких резервных копий и о хранении их 
в разных местах. Если у вас используются несколько серверов, то можно просто 
растиражировать резервные копии по этим серверам. Можно также прислушаться 
к хорошему совету и создавать физические резервные копии съемных жестких 
дисков, миниатюрных носителей, компакт-дисков или Ю№ и т. д. и хранить их 
в разных местах, предпочтительно в чем-то вроде сейфов. 





Важно также периодически тестировать восстановление базы данных, чтобы 
убедиться, что резервные копии выполнены правильно. Освоение процесса вос- 
становления базы данных понадобится и по той причине, что вам, возможно, 
придется им заниматься в стрессовой ситуации и в спешке, например после сбоя 
питания, закрывшего веб-сайт. Базу данных можно восстановить на частном 
сервере и запустить несколько 501-команд, чтобы убедиться в том, что данные 
находятся в должном состоянии. 





После изучения материалов этой главы вы должны стать специалистом по работе 
как с РНР, так ис МуЗОТ. В следующей главе будет показано, как можно объеди- 
нить эти две технологии. 
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1. Что означает слово отношение (тејаііопѕћір) применительно к реляционным 
базам данных? 

2. Какое понятие применяется к процессу удаления повторяющихся данных и оп- 
тимизации таблиц? 

3. Как формулируются три правила первой нормальной формы? 
Как привести таблицу в соответствие с правилом второй нормальной формы? 

5. Что нужно поместить в столбец, чтобы связать две таблицы, содержащие эле- 
менты, имеющие отношение «один ко многим»? 
Как создать базу данных с отношением «многие ко многим»? 

7. Какие команды инициируют и завершают транзакцию МуѕЅО1? 

8. Какие возможности предоставляет МуЅОЇТ. для изучения подробностей работы 
запроса? 

9. Какую команду нужно использовать для создания резервной копии базы данных 


риб1ісаііопѕ в файле риь1іса+іопѕ. 541? 


Ответы на эти вопросы можно найти в приложении А, в разделе «Ответы на во- 
просы главы 9». 


Доступ к МуЅ01 
с использованием РНР 


При полноценном изучении предыдущих глав вы должны были приобрести на- 
выки работы как с МуЗОТ, так ис РНР. Из этой главы вы узнаете, как объединить 


эти два компонента путем использования встроенных в РНР функций доступа 
к МуЅОІ. 


Запросы к базе данных Му$ОЕ с помощью РНР 


Смысл использования РНР в качестве интерфейса к МузЗОТ. заключается в форма- 
тировании результатов ЗОТ.--запросов и придании им внешнего вида, предназначен- 
ного для вывода на веб-страницу. Обладая возможностью входа в установленную 
систему МуЗОТ. с помощью своего имени пользователя и пароля, вы можете сде- 
лать то же самое и из РНР. Но вместо использования командной строки МузОГ, 
для ввода команд и просмотра выходной информации нужно будет создать строки 
запроса, а затем передать их Му ОГ. Ответ МубОТ, поступит в виде структуры 
данных, которую РНР сможет распознать, а не в виде того отформатированного 
экранного вывода, который вы наблюдали в процессе работы с командной строкой. 
Затем с помощью команд РНР можно будет извлекать данные и приводить их 
к формату веб-страницы. 


Процесс 
Процесс использования Муз ОТ. с помощью РНР заключается в следующем. 


1. Подключение к Му5ЗОТ. и выбор базы данных, которая будет использоваться. 
2. Подготовка строки запроса. 

3. Выполнение запроса. 
4 


Извлечение результатов и вывод их на веб-страницу. 
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5. Повторение шагов с 2-го по 4-й до тех пор, пока не будут извлечены все необ- 
ходимые данные. 


6. Отключение от МуЗОГ. 


Далее процесс будет рассмотрен поэтапно, но сначала важно настроить все эле- 
менты входа в систему на безопасную работу, для того чтобы шпионы, заинтересо- 
вавшиеся вашей системой, натыкались на заслон при попытке получения доступа 
к вашей базе данных. 


Создание файла регистрации 


Большинство сайтов, разработанных на РНР, содержат множество программных 
файлов, которым понадобится доступ к МуЗОТ, и им нужны будут сведения, каса- 
ющиеся входа в систему и пароля. Поэтому имеет смысл создать отдельный файл 
для их хранения, а затем включать его туда, где он необходим. Такой файл, который 
я назвал 1овіп.рһр, показан в примере 10.1. 


Пример 10.1. Файл Іодіп.рһр 


<?рһр // Іоріп.рһр 
$һт = '1оса1һоѕі'; 


$аь = 'рир1іса+іопѕ'; 
$ип = 'имя пользователя '; 
$рм = ‘пароль’; 

?> 


Наберите текст этого примера, заменяя значения имя пользователя и пароль теми, 
которыми вы пользуетесь для входа в свою базу данных МуЅОЇ., и сохраните текст 
в файле, поместив его в разработочный каталог, созданный согласно рекомендаци- 
ям, которые были даны в главе 2. Вскоре этот файл нам пригодится. 


Имя хоста 10са1һоѕ+ будет работать до тех пор, пока вы используете базу данных 
МУуЅОТ. в своей локальной системе, точно так же будет работать и база данных 
рир1іса+іопѕ, если вы вводили в компьютер код всех встречавшихся ранее при- 
меров. 


Для файла 1051п.рйр, показанного в примере 10.1, особую роль играют охватыва- 
ющие теги <?рһр и ?>, поскольку они дают понять, что все строки, находящиеся 
между ними, должны интерпретироваться только как код РНР. Если их не по- 
ставить, то при вызове файла непосредственно с вашего сайта он будет отображен 
в виде текста, раскрывая все ваши секреты. А когда теги на месте, на сайте будет 
видна пустая страница. Этот файл будет без каких-либо проблем включаться 
в другие ваши РНР-файлы. 


Переменная $һп сообщит РНР, какой компьютер следует использовать при под- 
ключении к базе данных. Ее присутствие обусловлено тем, что вы можете получить 
доступ к любой базе данных МуЅОТ на любом компьютере, подключенном к той 
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машине, на которой вы установили РНР, и она может потенциально включать 
в себя любой хост на просторах Всемирной паутины. Но примеры, приводимые 
в данной главе, будут работать только на локальном сервере. Поэтому здесь не бу- 
дет указываться домен вроде туѕд1 .тузегуег. сот, а может просто использоваться 
слово 1оса1по$* (или ІР-адрес 127.0.0.1). 


В роли рабочей базы данных, $а6, будет выступать база данных риб11са1оп$, ко- 
торую мы уже создали, изучая главу 8 (или одна из тех баз данных, которую вам 
предоставил администратор вашего сервера, в таком случае нужно будет также 
внести соответствующие изменения в файл Іовіп.рһр). 








Другим преимуществом хранения всех сведений, необходимых для входа в си- 
стему, в одном месте станет возможность изменения пароля с нужной вам пе- 
риодичностью, для чего придется обновлять только один файл, независимо от 
количества РНР-файлов, получающих доступ к Муѕ0!. 








Подключение к базе данных Му5ОЕ 


После сохранения файла 1оріп.рһр можно будет с помощью инструкции геди1ге_ 
опсе включать его в любые РНР-файлы, которым нужен доступ к базе данных. 
Выбор пал именно на эту инструкцию, а не на инструкцию 1пс1иде, поскольку, 
если файл не будет найден, он сгенерирует фатальную ошибку. И уж поверьте мне, 
если не будет найден файл, содержащий сведения для подключения к вашей базе 
данных, это действительно будет фатальной ошибкой. 


Использование геди1ге_опсе, а не геди1ге означает, что файл будет считан только 
в том случае, если он не был включен до этого в какой-нибудь другой файл, что 
исключит совершенно бесполезные повторные обращения к диску. Код, использу- 
емый для подключения, показан в примере 10.2. 


Пример 10.2. Подключение к серверу Му5ОЕ с помощью тузай 
<?рһр 

геди1ге_опсе '1оріп.рһр'"; 

$сопп = пем муза11($Ип, Фип, $ри, $46); 

1+ ($сопп->соппес*_еггог) аіе("Ға+а1 Еггог"); 
?> 


В данном примере при вызове нового экземпляра метода туѕд1і с передачей ему 
всех значений, извлеченных из файла 1051п.р|Нр, создается новый объект по имени 
$сопп. Проверка на возникновение ошибки осуществляется путем ссылки на свой- 
ство $сопп->соппес*_еггог. 


Оператор -> показывает, что элемент справа от него является свойством или мето- 
дом объекта, обозначенного слева от него. В данном случае, если у соппес*_еггог 
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имеется значение, значит произошла ошибка, из-за чего вызывается функция діе 
для прекращения выполнения программы. 


Объект $сопп используется в следующих примерах доступа к базе данных 
МУЗОГ. 





Функция аіе хорошо подходит для разработки кода РНР, но на рабочем сервере, 
вам, конечно же, захочется использовать более вразумительные сообщения об 
ошибках. В этом случае нужно будет не выходить из программы РНР в аварийном 
режиме, а составить сообщение, которое будет отображено при нормальном вы- 
ходе из программы, например: 





Фипс1оп туѕа1_Ғаа1 еггог() 


{ 


есһо <<< _ЕМО 


К сожалению, завершить запрашиваемую задачу не представилось возможным. 
Было получено следующее сообщение об ошибке: 

<р>Рафа1 Еггог</р> 
Пожалуйста, нажмите кнопку возврата вашего браузера и повторите 
попытку. Если проблемы не прекратятся, пожалуйста, «а 
Вге+="та11%0 : аатіп@ѕегуег. сот" >сообщите о них нашему администратору 
</а>. Спасибо. 
ЕМО; 
} 


Также никогда не нужно пытаться вывести содержимое любого сообщения об 
ошибке, полученного от Му501. Вместо того чтобы помочь своим пользователям, 
вы можете предоставить хакерам такую конфиденциальную информацию, как 
данные о входе в систему. Лучше просто снабдите пользователя информацией 
о способе преодоления трудностей на основе того отчета, который содержится 
в сообщении об ошибке. 





Создание и выполнение запроса 


Оправка запроса к МуЅ01 из РНР сводится к простому включению соответству- 
ющего кода 501. в вызов метода аиегу, принадлежащего объекту подключения. 
Как это делается, показано в примере 10.3. 


Пример 10.3. Отправка запроса к базе данных с помощью туѕдјі 


<?рһр 
$ачегу = "ЅЕГЕСТ * ЕВОМ с1аѕ51с5"; 
$гези1 = $сопп->аиегу($ачегу); 
1+ (!Фгеѕи1%) аіе ("Рафа1 Еггог"); 
2> 


Как видите, МузОГ-запрос выглядит практически так же, как и непосредствен- 
но набираемая вручную инструкция в командной строке, за исключением того, 
что здесь отсутствует замыкающая точка с запятой, поскольку при обращении 
к МуѕЅОТ из РНР она не нужна. 
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Сначала переменной $ачегу присваивается значение, содержащее код пред- 
стоящего запроса, а затем она передается методу диегу объекта $сопп, который 
возвращает результат, помещаемый в объект $геѕи1+. Если в объекте $гези1+ 
содержится значение РАЕЗЕ, то возникла проблема, подробности которой будут 
содержаться в свойстве еггог объекта подключения, а вызываемая функция діе 
покажет их на экране. 


Теперь все данные, возвращаемые Муз ОТ, хранятся в легко поддающемся опросу 
формате в объекте $геѕи1+. 


Извлечение результата 


После возвращения объекта $геѕи1+ его можно использовать для поэлементного 
извлечения нужных вам данных с помощью имеющегося у этого объекта метода 
Ғесһ_аѕѕос. В примере 10.4 предыдущие примеры объединены и расширены в про- 
грамму, которую для получения этих результатов можно запустить самостоятельно 
(рис. 10.1). Наберите этот сценарий и сохраните его под именем диегу-туѕд1і.рһр 
или же загрузите его с сопровождающего книгу сайта Һ№р://Іртј.пеї/. 





(© могла Етеох 4] 


| Ее Еа Мем Ногу Вооктагкѕ Тооіѕ Нар 
Ө - (© х Га) [5 ша О һр:/Лосаіһоѕі/диегу.рһр Соле 


| Апћотг Мате Тап (ЅатпеЇ Т.апрћогпе СЛетел$) 
|| Те: Тһе Адуепішеѕ о Тот Ѕаҳуег 

|| Саіерогу: Сіаѕѕіс своп 

Үеаг. 1876 

ІЅВМ: 9781598184891 








'Апфог Јапе Аифей 
Тие. Ріс акі Ріејифсе 
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ІВМ: 9780099533474 
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Рис. 10.1. Данные, выводимые программой диегу.рһр, представленной в примере 10.4 
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Пример 10.4. Поэлементное извлечение результатов 
<?рһр // адчегу-ту$911.рир 

геди1ге_опсе '1оріп.рһр'; 

$соппесЕ1оп = пем туѕ911 ($Ип, Фип, $рм, $46); 


1+ ($соппес1оп->соппес®_еггог) а41е("Рафа1 Еггог"); 


$ачегу = "ЅЕГЕСТ * ЕВОМ с1аѕ51с5"; 
$гези1 = $соппесЕ1оп->аиегу($ачегу); 


1+ (1$гези14) аіе ("Рафа1 Еггог"); 
$гомѕ = $гези1->пит_гом$; 


Фог ($] = Ө ; $] < $гом$ ; ++$)) 


и 
$геѕи1+->ааёа ѕеек($ј); 
есһо 'Аи&һор: ' .Һт15ресіа1сһагѕ($геѕи1+->Ғесһ аѕѕос() ['аиһог']) .'<6г>'; 
$геѕи1+->ааа ѕеек($ј); 
есһо 'Тіё1е: ' .Һт15ресіа1сһагѕ($геѕи1+->Ғесһ аѕѕос() ['&і1е']) .'<6г>'; 
$геѕи1+->ааа ѕеек($ј); 
есһо 'Саёерогу: ' .һіт1ѕресіа1сһагѕ($геѕи1+->›Ғесһ аѕѕос() [' сатерогу']).'<6г>'"; 
$геѕи1+->ааа ѕеек($ј); 
есһо 'Уеаг: ' .Һт15ресіа1сһагѕ($геѕи1+->Ғесһ аѕѕос() ['уеаг']) .'<Ьг>’; 
$геѕи1+->ааа ѕеек($ј); 
есһо "'Т5ВМ: ' .Һт1ѕресіа1сһагѕ ($гези1->+есй_а$$0с()["1$6п']) .'<6г><6г>'; 
} 


$геѕи1+->с1оѕе(); 
$соппес+іоп->с10оѕе(); 
?> 


Для извлечения значения, хранящегося в каждом поле, при каждом прохождении 
цикла вызывается метод Ғеїсһ_аѕѕос, а для вывода результата на экран использу- 
ются инструкции есһо. 


При выводе в браузер данных, источником которых был (или мог быть) пользова- 
тельский ввод, всегда есть риск наличия в них вставок из вредоносного кода НТМГ, 
даже если вы уверены, что эти данные прошли процесс обезвреживания. Такой код 
может потенциально использоваться для осуществления атак по принципу меж- 
сайтового выполнения сценариев (Х58-атак). Простым способом устранения такой 
возможности является вставка всех выводимых на экран данных такого характера 
В ВЫЗОВ функции һіт1ѕресіа1сһагѕ, заменяющей все опасные символы безопасны- 
ми НТМГ-элементами. Именно этот прием был применен в предыдущем примере 
и будет использоваться во многих последующих примерах книги. 


Трудно не согласиться с тем, что весь этот многократный поиск и т. д. выглядит 
слишком громоздко и что должен быть более эффективный способ достижения 
того же результата. И такой способ построчного извлечения данных действи- 
тельно есть. 
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В главе 9 шла речь о первой, второй и третьей нормальных формах, а теперь 
можно заметить, что таблица сіаѕѕісѕ не удовлетворяет правилам этих форм, 
потому что сведения как об авторах, так и о книгах включены в одну и ту же 
таблицу. Причина состоит в том, что эта таблица была создана еще до того, как 
мы приступили к изучению нормализации. Но ее повторное использование для 
иллюстрации доступа к Му5ОЕ из РНР избавляет нас от необходимости ввода 
нового набора тестовых данных, поэтому в данном случае мы продолжим работу 
с этой таблицей. 








Извлечение строки 


Для построчного извлечения данных цикл +ог из примера 10.4 следует заменить 
циклом, выделенным в примере 10.5 полужирным шрифтом, и вы сможете убедить- 
ся в том, что будет получен точно такой же результат, как и на рис. 10.1. Этот ис- 
правленный файл можно сохранить под именем фефсИгои. рһр. 


Пример 10.5. Построчное извлечение результатов 


<?рһр // Фефспгом.рир 
геди1ге_опсе '1оріп.рһр'; 
$сопп = пем туѕда11(%$һп, Фип, $ри, $46); 
1+ ($сопп->соппес_еггог) а1е("Рафа1 Еггог"); 


$ацегу = "ЗЕЁЕСТ * ЕКОМ с1а$$1с5"; 
$гези1+ = $сопп->диегу ($ачегу); 
1+ (!$гези1е) а1е("Рафа1 Еггог"); 


$гом$ = $гези1*->пит_гом$ ; 
Ғог ($3 = Ө ; $) < $гом$ ; ++$ј) 


{ 
$гом = $Фгеѕи1+-›Ғесһ_аггау(МҮѕ01_А550С); 


есһо 'АиЁһог: ' .ҺЕт15ресіа1сһагѕ ($гом[ ' аиёһог']) АН 

есһо 'ТіЕ1е: ' .ҺЕт15ресіа1сһагѕ ($гом[ '+і+1е']) е "<Юг>" 5 

есһо 'Саерогу: ' .һЕт1ѕресіа1сһагѕ($гом[ ' саёерогу']) . '<6г>'; 

есһо 'Уеаг: ' .ҺЕт15ресіа1сһагѕ ($гом[ 'уеаг']) . '<6г>'; 

есһо 'ІЅВМ№: ' .ҺЕт15ресіа1сһагѕ ($гом[ ' іѕЬп']) . '<Ыг><6г>'; 
} 


$геѕи1+->с1оѕе(); 
$сопп->с10оѕе(); 
?> 


В этом измененном коде к объекту $гези14 выполняется всего лишь одна пятая 
обращений (по сравнению с предыдущим примером) и при каждом проходе 
цикла производится только один поиск внутри объекта, поскольку посредством 
использования метода Ғеёсһ_аггау каждая строка извлекается целиком. То есть 
отдельная строка данных возвращается в виде массива, значения которого затем 
присваиваются массиву $гом. 
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В соответствии с переданным ему значением метод Ғеёсһ_аггау может возвращать 
три типа массивов. 


С МУ50ЕТ_МУМ — числовой массив. Каждый столбец появляется в массиве в том 
порядке, который был определен при созданиии (или изменении) таблицы. 
В нашем случае нулевой элемент массива содержит столбец Аи пог, элемент 1 
содержит Т1{1е ит. д. 


О МҮЅ0І _А550С — ассоциативный массив. Каждый ключ является именем столбца. 
Поскольку на элементы данных дается ссылка по имени столбца (ане по номеру 
индекса), этот вариант нужно использовать в своем коде везде, где только мож- 
но, чтобы облегчить отладку и помочь другим программистам в сопровождении 
вашего кода. 


С МУ$ОЕТ_ВОТН — ассоциативный и числовой массив. 


Ассоциативные массивы обычно полезнее числовых, поскольку к каждому столбцу 
можно обращаться по имени, например $гом[ ' аи Пог' ], не утруждая себя вос- 
поминаниями, каким идет нужный столбец по счету. Поэтому в данном сценарии 
используется ассоциативный массив, что заставило нас передать методу аргумент 
МУЗОЕТ_А$50С. 


Отключение 


Со временем, после того как выполнение сценария завершится, РНР должен 
возвратить память, выделенную объектам, следовательно, при использовании 
небольших сценариев о самостоятельном высвобождении памяти вам обычно 
беспокоиться не следует. Но если результирующим объектам выделен слишком 
большой объем памяти или были извлечены большие объемы данных, было бы 
неплохо высвободить используемую память во избежание возможных проблем 
при работе вашего сценария. 


Особую важность это приобретает на страницах с более высоким уровнем трафика, 
поскольку объем памяти, потребляемый в ходе сессии, может быстро возрасти. 


Поэтому обратите внимание на то, что в предыдущих сценариях, как только мино- 
вала надобность в объекте, вызывались методы с1оѕе объектов $гези1+ и $сопп: 


$геѕи1+->с1оѕе(); 
$сопп->с1оѕе(); 





В идеале каждый результирующий объект нужно закрывать сразу же, как только 
будет завершено его использование, а затем, когда ваш сценарий больше не будет 
обращаться к Му5О(, нужно закрыть объект подключения. Чтобы оптимизировать 
работу Му5ОЕ и развеять сомнения в способности РНР к возвращению неиспользу- 
емой памяти на тот момент, когда в ней возникнет острая необходимость, нужно 
взять за правило возвращать ресурсы как можно быстрее. 
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Практический пример 


Теперь настало время создать наш первый пример использования РНР для встав- 
ки данных в таблицу Му5ОТ. и удаления их оттуда. Я рекомендую набрать при- 
мер 10.6 и сохранить его в вашем разработочном каталоге в файле под именем 
$414е$*.рйр. В результате работы кода из этого примера экран приобретает вид, 
показанный на рис. 10.2. 
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Рис. 10.2. Вид экрана, получаемый в результате работы кода из примера 10.6, 
сохраненного в файле ѕдїќеѕі.рһр 








В примере 10.6 создается стандартная НТМ!-форма. Более подробно такие формы 
рассматриваются в главе 11, а здесь обработка формы используется только для 
демонстрации взаимодействия с базой данных. 








Пример 10.6. Вставка и удаление данных с помощью программы ѕдЇќеѕї.рћр 
<?рһр // за1%е$%.рИр 

геди1ге_опсе '1оріп.рһр'"; 

$сопп = пем туѕд11(%һп, $ип, Фри, $аб); 
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1+ ($сопп->соппесЕ еггог) 41е("Рафа1 Еггог"); 


1+ (155е1($_РО$Т[ 'ае1ефе']) && 155е*($_РО$Т["156п'])) 
{ 
$156п = реф ро$*($сопп, 'іѕрп'); 
$ачегу = "РЕГЕТЕ ЕВОМ с1аѕ5ісѕ МНЕКЕ 1$6п='$156п'"; 
$гези1 = $сопп->диегу ($Фачегу); 
1+ (!$геѕи1+) есһо "Сбой при удалении данных<6г><6г>"; 


} 


1+ (155е1($ РОЅТ['аиёһог']) && 
іѕѕе(% РОЅТ['%1+1е']) && 
іѕ5е(% РОЅТ['сатерогу']) && 
іѕ5е(% РОЅТ[ 'уеаг']) && 
іѕѕе($ РОЅТ['1іѕ6п'])) 


{ 
$аиНог = ре роѕ+(Фсопп, 'аиһог'); 
$1 1е = реї роѕї($сопп, '+141е'); 
$саерогу = реї ро$*($сопп, 'сафевогу'); 
$уеаг = веф роз{($сопп, 'уеаг'); 
$156п = реї роѕї('іѕЬп'); 
$ацчегу = "ІМЅЕКТ ТМТО с1а$$1с$ МАІЈЕЅ" . 


"('ФацеНог', '$+141е', '$сафевогу', '$уеаг', '$1$6п')"; 
$гези1 = $сопп->диегу ($ачегу) ; 
1+ (!$геѕи1+) есһо "Сбой при вставке данных<6г><6г>"; 


} 


есһо <<<_ЕМО 
<Ғогт асіоп="541+еѕ.рһр" меёһоа="роѕ&"><‹рге» 
Аџёһог <1приф фуре="+ехе" пате="аиёһог" > 
ТіЄ1Іе <іпри фуре="+ехЕ" пате="©і1е" > 
Сафевогу <іприё фуре="фехЕ" патме="сасерогу" > 
Үеаг <іприё фуре="фехЕ" пате="уеаг"> 
Т5ВМ <1приф +уре="ехі" пате="1$6п"> 
<1приф фуре="зибт1е" уа1ие="Арр КЕСОКО"> // Кнопка ДОБАВИТЬ ЗАПИСЬ 
</рге></+огт> 
ЕМО; 


$ачегу = "ЅЕГЕСТ * ЕКОМ с1аѕ51с5"; 
$гези1 = $сопп->аиегу($ачегу); 
1+ (1$гези14) аіе ("Сбой при доступе к базе данных"); 


$гомѕ = $геѕи16->пит гом; 


Фог ($] = Ө ; $] < $гомѕ ; ++$)) 
{ 


$гом = $гези1{-> Ғеёсһ аггом(МҮЅОШІ МОМ); 


$г0 = НЕи15рес1а1сВаг$ ($гом[0]); 
$г1 = Ии15рес1а1сВаг$ ($гом[1]); 
$г2 = Ии15рес1а1сВаг$ ($гом[2]); 
$3 = Ии15рес1а1сВаг$ ($гом[3]); 
$г4 = Ии15рес1а1сВаг$ ($гом[4]); 


есһо <<<_ЕМО 
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<рге> 
АцЕПог $г@ 
Тіё1е $г1 
Саферогу $г2 
Уеаг $гЗ 
Т5ВМ $г4 
</рге> 
<Ғогт асёіоп= '$5491%е$%.рНр' меёһоа= 'ро$*'> 
<іпри +уре= 'һіадеп' пате= 'ае1ефе' уа1ие= 'уеѕ'> 
<іпри+ +уре= 'һіааеп' пате= 'іѕрп' уа1ие= '$г4'> 
<іприї +уре= 'ѕибтіЄ' уа1ие= 'РЕГЕТЕ КЕСОКО'></Ғогт> // Кнопка УДАЛИТЬ ЗАПИСЬ 
ЕМО; 


} 


фгеѕи1+->с1оѕе(); 
$сопп->с10оѕе(); 


Ғипсёіоп ре роѕ (Фсопп, $\уаг) 


{ 
} 


?> 


гефигп $сопп->геа1_езсаре_$+г1п8($_РО$Т[$уаг]); 


Эта программа со своими более чем 80 строками кода может показаться пугающей, 
но не стоит переживать — многие из этих строк уже были изучены в примере 10.5, 
а в работе этого кода нет ничего сложного. 


Сначала выполняется проверка всех введенных данных, а затем в соответствии 
с предоставленным вводом осуществляется либо вставка новых данных в табли- 
цу с1аѕѕісѕ базы данных руб11са*1оп$, либо удаление строки из этой таблицы. 
Независимо от того, что именно было введено, программа вслед за этим выводит 
все строки таблицы в браузер. Посмотрим, как все это работает. 


Первая часть нового кода начинается с использования функции іѕѕе+, чтобы про- 
верить, были ли отправлены программе значения для всех полей. На основании 
такого подтверждения каждая из строк, находящихся внутри инструкции 1+, 
вызывает функцию ве*_роз*, которая появляется в самом конце программы. 
Эта функция делает небольшую, но очень важную работу: извлекает введенные 
данные из браузера. 








Из соображений ясности и краткости, а также в целях максимально возможного 
упрощения объяснений из многих последующих примеров убраны весьма нужные 
фрагменты кода, отвечающие за соблюдение мер безопасности, поскольку они бы 
сделали примеры длиннее и отвлекали бы от четкого объяснения функций, за- 
ложенных в этих примерах. Поэтому важно не пропустить изучение следующего 
далее в этой главе раздела «Предотвращение попыток взлома», где рассма- 
триваются дополнительные меры по защите ваших баз данных, которые можно 
предпринять в отношении кода, чтобы сделать его безопасным. 
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Массив $ РОЅТ 


В одной из предыдущих глав я уже упоминал о том, что браузер отправляет поль- 
зовательский ввод в виде СЕТ- или РОЗТ-запроса. Обычно предпочтение отдается 
РОЗТ-запросу, поэтому именно он здесь и используется. Веб-сервер объединяет 
все введенное пользователем (даже если в форме заполнено под сотню полей) 
и помещает его в массив $_РО$Т. 


$_РО$Т относится к ассоциативным массивам, рассмотренным в главе 6. Данные фор- 
мы будут помещаться в ассоциативный массив по имени $ РОЅТ или $ СЕТ в зависи- 
мости от того, какой метод используется для отправки формы — РОЅТ или СЕТ. 
Оба этих массива могут быть прочитаны абсолютно одинаковым способом. 


У каждого поля есть элемент в массиве, имеющий точно такое же имя. Поэтому, если 
в форме есть поле іѕЫп, в массиве $ РОЅТ будет элемент с ключом 1$6п. РНР-программа 
может прочитать это поле, ссылаясь на него либо в виде $_РО$Т[ '1$6п' ], либо в виде 
ф РОЗТ["1$6п"] (в данном случае одинарные и двойные кавычки обладают одина- 
ковым действием). 


Если синтаксис работы с массивом $ РОЅТ кажется вам слишком сложным, можно 
спокойно воспользоваться приемом, показанным в примере 10.6: скопировать введен- 
ные пользователем данные в другие переменные, после чего о массиве $_РО$Т можно 
будет забыть. Для РНР-программ это вполне нормальный подход: они получают все 
поля из массива $ РОЅТ в самом начале программы и больше к нему не обращаются. 





Записывать элемент в массив $_РОЗТ нет никакого смысла. Он предназначен 
только для передачи информации из браузера в программу, и перед его измене- 
нием лучше скопировать данные в свои собственные переменные. 








Возвращаясь к функции ре _роѕї, следует отметить, что она пропускает каждый 
получаемый ею элемент через метод геа1_е5саре_5+г1пв объекта подключения, 
чтобы удалить любые цитаты, которые злоумышленник может вставить, пытаясь 
взломать или изменить вашу базу данных: 


ФипсЕ1оп веф_роз*($сопп, $уаг) 


гефигп $сопп->геа1_е$саре_$+г1п5($_РО$Т[$уаг]); 


} 


Удаление записи 


Перед проверкой отправки новых данных программа проверяет, есть ли значение 
у переменной $_РО$Т[ ' де1ефе' ]. Если у нее есть значение, то пользователь нажал 
кнопку РЕІЕТЕ ВЕСОВО (Удалить запись). В этом случае должно быть отправлено 
и значение $іѕбп. 


Как уже говорилось, номер І5ВМ№ является уникальным идентификатором каждой 
записи. НТМІ.-форма добавляет ІВМ к строке запроса РЕ ЕТЕ ЕВОМ, создаваемой 
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в переменной $аиегу, которая затем передается методу диегу объекта $сопп, чтобы 
этот запрос попал к МузОГ. 


Если значение для $_РОЗТ[ 'Яе1е+е']) не установлено (и поэтому нет записи для 
удаления), проверяются $_РО$Т[ 'аиїћог']) и другие отправляемые значения. 
Если всем им присвоены значения, переменной $диегу присваивается текст команды 
ІМЅЕАТ ТМТО, за которым перечисляются пять вставляемых значений. Затем эта строка 
передается методу диегу, который по завершении своей работы возвращает либо ТВОЕ, 
либо ЕАЕЗЕ. Если возвращено значение ЕАЕЗЕ, выводится сообщение об ошибке: 


1+ (!$гези1е) есһо "ІМЅЕКТ Фа11еа"<6г><6г>"; 


Отображение формы 


Перед выводом на экран небольшой формы (показанной на рис. 10.2) программа 
обезвреживает копии элементов, которые будут выводиться из массива $гои, пере- 
давая эти копии функции НЕт1 зрес1а1сПаг$ с целью замены всех потенциально 
опасных НТМІ-символов безопасными НТМІ-элементами, а затем помещает 
получившиеся данные в переменные от $г@ и до $г4. 


После этого следует та часть кода, которая отображает данные, используя струк- 
туру есһо <<< ЕМ... _ЕМ№, выводит на экран все, что находится между тегами _ЕМ№Ю, 
и должна быть вам знакома по предыдущим главам. 








Вместо команды есһо программа может завершить работу с интерпретатором РНР, 
используя тег ?>, выдать код НТМЕ, а затем опять вернуться к работе с интер- 
претатором РНР, используя тег <?рһр. Какой из стилей применять — дело вкуса 
программиста, но я всегда рекомендую оставаться в рамках РНР-кода в силу 
следующих причин: 





• при отладке (а также при разборе кода другими пользователями) это дает аб- 
солютную уверенность в том, что все содержимое файла .рИр является кодом 
РНР. Поэтому не возникает нужды отлавливать временные выходы в код НТМІ; 


• когда значение переменной РНР нужно вставить непосредственно в код НТМІ, 
можно просто набрать ее имя внутри этого кода. А при выходе в НТМІ нужно 
будет временно вернуться к обработке РНР, вывести переменную, а затем 
снова вернуться в НТМЕ. 





Раздел НТМІ-формы направляет все, что сделано в форме, в адрес $91%ез*.рНр. 
Это означает, что при отправке формы содержимое ее полей будет передано файлу 
$91%е$%.рйр, в котором и хранится сама программа. Форма настроена также на 
отправку полей в РОЗТ-, а нев СЕТ-запросе. Причина в том, что СЕТ-запросы 
являются дополнением к отправляемому ОВГ-адресу и могут иметь в вашем бра- 
узере неприглядный вид. Эти запросы также позволяют пользователям без особого 
труда вносить изменения в отправляемую информацию и предпринимать попытки 
взлома вашего сервера (хотя того же самого можно добиться с помощью встроен- 
ных в браузер инструментов разработчика). Кроме этого, отказ от использования 
СЕТ-запросов уберегает от появления в регистрационных файлах сервера слишком 
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большого объема информации. Поэтому при малейшей возможности нужно ис- 
пользовать для отправки данных РОЗТ-запросы, которые к тому же имеют пре- 
имущество, позволяющее скрыть отправляемые данные от просмотра. 


При выводе полей формы НТМІ. отображает кнопку отправки с именем Арр 
ВЕСОВР (Добавить запись) и форма закрывается. Обратите внимание на теги <рге> 
и </рге>, позволяющие воспользоваться моноширинным шрифтом и выровнять 
по линейке все элементы ввода данных. Внутри тегов <рге> в выводимые данные 
попадают также символы возврата каретки, стоящие в конце каждой строки. 


Запросы к базе данных 


Далее код программы возвращается в привычное для нас русло примера 10.5, где 
в адрес МуЅОТ отправляется запрос на выдачу всех записей в таблице с1а$$1с$: 


$ачегу = "ЗЕЁЕСТ * ЕКОМ с1а$$1с5"; 
$геѕи1+ = $сопп->диегу($ачцегу); 


Затем переменной $гом$ присваивается значение, равное количеству строк в таблице: 


$гом$ = $геѕи1+->пит гом; 


После этого с использованием значения в $гом$ запускается цикл +ог, предназна- 
ченный для вывода на экран содержимого каждой строки. 


Затем программа заполняет массив $гом строкой результатов, для чего вызывает- 
ся метод Ғеёсһ_аггау объекта $геѕи1+, которому передается значение константы 
МУЗОЕТ_МОМ, заставляющее возвратить числовой (а не ассоциативный) массив: 


$гом = $гези1{ - >ЕефсИ_аггау (МУЗОЕТ_МУМ) 


После того как данные попали в массив $гом, они могут быть без особых усилий 
выведены на экран с помощью последующей Вегедос-инструкции еспо, где я решил 
использовать тег <рге>, чтобы выровнять на экране каждую запись, придав всему 
изображению привлекательный вид. 


После отображения каждой записи следует вторая форма, которая также отправля- 
ет все свои данные файлу за14е$* .рИр (то есть самой программе), но теперь в форме 
есть два скрытых поля: де1ете и 156п. Поле ае1ефе устанавливается в уеѕ, а полю 
156п присваивается значение, сохраненное в элементе массива $гом[4], в котором 
содержится ТЗВМ для этой записи. 


Далее отображается кнопка отправки с надписью РЕІЕТЕ ВЕСОВО (Удалить запись) 
и форма закрывается. Затем фигурная скобка закрывает тело цикла ог, который 
продолжает работу до тех пор, пока не будут отображены все записи, и в этот мо- 
мент ресурсы возвращаются РНР-программе, для чего вызываются методы с1о5е, 
принадлежащие объектам $геѕи1+ и $сопп: 


$геѕи1+->с1оѕе(); 
$сопп->с1оѕе(); 
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В самом конце программы дано определение функции ве*_роз*, которую мы уже 
рассматривали. Вот так выглядит наша первая РНР-программа, предназначенная 
для управления базой данных Му5ОТ.. А теперь проверим, на что она способна. 


После набора программы (и исправления всех опечаток) попробуйте ввести в поля 
ввода следующие сведения о книге Мору ПСА, которые предназначены для добав- 
ления новой записи к базе данных: 


Негтап Ме1у111е 
Мобу О1ск 
Р1СЕ1оп 

1851 
9780199535729 


Запуск программы 


Когда эти данные будут отправлены нажатием кнопки АБО ВЕСОВО (Добавить 
запись), прокрутите веб-страницу до самого конца, чтобы посмотреть только что 
добавленную информацию. Ее предполагаемый вид показан на рис. 10.3. 





(© мога Нгеох А 


Ее Еа Мем Ногу Вооктагкѕ Тооіѕ Нар 


Өг с х 1 а Оен 8 А 


Гсаседогу моп-етсстой 
Үеаг 1856 
Т5ВН 9780517123201 


| | ОЕЦЕТЕ ВЕСОВО 


Аасвог Сһаг1ез О1скепз 
тіге Тһе 010 Сотлозтгу Кор 
Саседогу С1аззіс Еіссіоп 
уеаг 1841 
Т5ВН 9780099533474 


РЕІЕТЕ ВЕСОВО 


АџсҺог И1111аш 5Бакезреаге 
Т151е Вошео апа Јо1іег 
Сатедогу Р1ау 
Уеаг 1594 
15ВМ 9180192814368 


РЕІЕТЕ ВЕСОВО 


АцеВог Негшай Ме1у111е 
тісіе Мору 01ск 
Саседогу Еісгіоп 
Угат 1851 
Т5ВН 9780199535729 


РЕТЕТЕ ВЕСОВО 
Оопе б о б 8 . 

















Рис. 10.3. Результат добавления сведений о книге Мобу ГСК в базу данных 
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Теперь посмотрим, как работает удаление записи, специально создав для этого 
ненужную запись. Попробуйте ввести во все пять полей только одну цифру 1 
и нажмите кнопку АБО ВЕСОВО (Добавить запись). Если теперь прокрутить стра- 
ницу вниз, станет видна новая запись, состоящая из одних единиц. Конечно, такая 
запись в таблице не нужна, поэтому нажмите кнопку РЕІЕТЕ АЕСОВО (Удалить 
запись) и снова прокрутите страницу вниз, чтобы убедиться в том, что запись 
была удалена. 





Теперь, если все получилось, вы можете добавлять и удалять записи по своему 
усмотрению. Попробуйте сделать все это несколько раз, но основные записи 
(включая и новую запись о книге Мобу ГСК) оставьте нетронутыми, поскольку 
они нам еще пригодятся. Можно также попробовать добавить запись, состоящую 
из одних единиц, два раза и посмотреть, как при второй попытке будет выведено 
сообщение об ошибке, в котором говорится о том, что в таблице уже есть запись 
со значением 15ВМ, равным единице. 








Практическая работа с Му5ОЕ 


Теперь вы готовы к изучению некоторых практических приемов, которые можно 
использовать в РНР для доступа к базам данных МуЗОТ, куда включены задачи 
создания и удаления таблиц, вставки, обновления и удаления данных, а также за- 
щиты вашей базы данных и сайта от злоумышленников. Учтите, что в следующих 
примерах предполагается, что вы создали программу 1051п.рИр, рассмотренную 
ранее в этой главе. 


Создание таблицы 


Предположим, что зоопарк поручил вам создать базу данных со сведениями обо 
всех содержащихся в нем представителях семейства кошачьих. Вам сказали, что 
в зоопарке девять представителей кошачьих: лев, тигр, ягуар, леопард, пума, ге- 
пард, рысь, каракал и домашний кот. Вам необходим отдельный столбец для вида 
кошачьих. У каждого животного есть кличка, и для нее нужен еще один столбец. 
Необходимо также отслеживать возраст животных, и для этого требуется еще один 
столбец. 


Разумеется, позже могут понадобиться дополнительные столбцы, например для 
учета рациона питания, сделанных прививок и других сведений, но пока, чтобы 
приступить к работе, достаточно и этих столбцов. Каждому животному нужен так- 
же уникальный идентификатор, поэтому решено было создать для него столбец іа. 


В примере 10.7 показан код, который можно использовать для создания таблицы 
Му5ЗОГ, хранящей все эти сведения. Операция присваивания, относящаяся к глав- 
ному запросу, выделена полужирным шрифтом. 
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Пример 10.7. Создание таблицы са{5 
<?рһр 
геди1ге_опсе '1оріп.рһр'; 
$сопп = пем муза11($Ип, Фип, $ри, $а6); 
1+ ($сопп->соппес*_еггог) а1е("Рафа1 Еггог"); 


фачегу = "СВЕАТЕ ТАВІЕ са+ѕ ( 
іа $МАЕЕТМТ МОТ МОШ. АОТО ІМСКЕМЕМТ, 
Ғаті1у МАВСНАВ(32) МОТ МОШЕ, 
пате МАКСНАК (32) МОТ МОЕ, 
абе ТІМҮІМТ МОТ Ми, 
РЕТМАКУ КЕҮ (14) 
)"; 


$геѕи1+ = $сопп->диегу ($ачегу); 
1+ (!$геѕи1+) 41е ("Сбой при доступе к базе данных"); 
?> 


Как видите, МуЅ501-запрос очень похож на тот запрос, который приходилось на- 
бирать непосредственно в командной строке, за исключением того, что в нем нет 
завершающей точки с запятой. 


Описание таблицы 


Если вы не вошли в командную строку МуЗОГ, то можно воспользоваться весьма 
полезным фрагментом кода, позволяющим проверить в браузере факт успешного 
создания таблицы. Этот код просто выдает запрос ОБЕЗСВТВЕ са%$, а затем выводит 
НТМГ-таблицу, имеющую четыре заголовка: Соіитп (Графа), Туре (Тип), Ми! (Нуль) 
и Кеу (Ключ), ниже которых отображаются все имеющиеся в таблице столбцы. 


Чтобы использовать код примера 10.8 с другими таблицами, нужно просто заме- 
нить в запросе имя са*$ именем новой таблицы. 


Пример 10.8. Описание таблицы саїѕ 
<?рһр 
геди1ге_опсе '1оріп.рһр'; 
$сопп = пем туѕд11(%$һп, Фип, $ри, $а6); 
1+ ($сопп->соппес*_еггог) а1е("Рафа1 Еггог"); 


$ачегу = "РЕЅСКІВЕ са+ѕ"; 

$гези1+ = $сопп->диегу ($ачегу) ; 

1+ (!$геѕи1+) 41е ("Сбой при доступе к базе данных"); 

$гом$ = $геѕи1+->пит гом; 

есһо "<фаб1е><+г> <&И>Со1итп</ЕН> <+һ›>Туре</һ><+һ>№и11</6һ> <Еһ>Кеу</&һ> </%г>"; 
Ғог ($5 = Ө ; $5 < $гомѕ ; ++$]) 

{ 


$гом = $гези1{ - >Рефсй_аггом (МУЗОЕТ_ МОМ); 


есһо "<>"; 
Фог ($К = Ө ; %к < 4 ; ++$Кк) 
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есһо "<{4>" . һём1ѕресіа1сһагѕ ($гом[$К]) . "</+а»"; 
есһо "</+Ег>"; 


} 


есһо "</фаБ1е>"; 
?> 


Информация, выводимая программой, должна иметь следующий вид: 


Со1итп Туре №11 Кеу 
іа ѕта11іпё(6) № РВІ 
Ғаті1у мағгсһаг(32) № 
пате уагсһаг(32) № 
аве їіпуіп+(4) МО 


Удаление таблицы 


Удалить таблицу очень легко, и это весьма опасное действие нужно выполнять 
с большой осторожностью. В примере 10.9 показан необходимый для этого код. 
Но я не советую его применять до тех пор, пока не будут проработаны все осталь- 
ные примеры (вплоть до подраздела «Выполнение дополнительных запросов»), 
поскольку в результате его выполнения будет удалена таблица са*$ и вам придется 
создавать ее заново с помощью кода, показанного в примере 10.7. 


Пример 10.9. Удаление таблицы саїѕ 


<?рһр 
геди1ге_опсе '1оріп.рһр'"; 
$сопп = пем туѕд11($һп, Фип, Фри, $945); 
1+ ($сопп->соппес_еггог) @41е("Рафа1 Еггог"); 


$ачегу = "ОВОР ТАВІЕ саф$"; 

$гези1 = $сопп->аиегу($ачегу); 

1+ (1$гези14) аіе ("Сбой при доступе к базе данных"); 
2> 


Добавление данных 


Добавим к таблице некоторые данные, воспользовавшись кодом, показанным 
в примере 10.10. 


Пример 10.10. Добавление данных к таблице са 


<?рһр 
геди1ге_опсе '1оріп.рһр'; 
$сопп = пем туѕд11($һп, Фип, Фри, $945); 
1+ ($сопп->соппес_еггог) @41е("Рафа1 Еггог"); 


$ачегу = "ІМЅЕКТ ТМТО саёѕ МАШЏЕЅ (МОЕ, 'Ё1оп', '1ео', 4)"; 
$гези1 = $сопп->аиегу($ачегу); 
1+ (1$гези14) аіе ("Сбой при доступе к базе данных"); 

2> 
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Если изменить значение переменной $диегу, как показано далее, можно добавить 
еще два элемента данных и еще раз вызвать программу из вашего браузера: 


$ачегу = "ТМ№5ЕВТ ТМТО саѕ МАГОЕЅ (МОЕ, 'Соиваг', 'бгом1ег', 2)"; 
$ачегу "ІМЅЕВКТ ІМТО саёѕ УАГИЕ$ (МУГЕ, 'Сһееёаһ', 'Сһаг1у', 3)"; 


Кстати, вы заметили, что в качестве первого параметра было передано значение 
МО? Это сделано потому, что столбец іа имеет тип АУТО_ТМСВЕМЕМТ и МуЅОІ. 
решит, что нужно присвоить следующее доступное в используемой последова- 
тельности значение, поэтому мы просто передаем значение МІ, которое будет 
проигнорировано. 


Разумеется, наиболее эффективный способ заполнения Му ОТ. данными заключа- 
ется в создании массива и вставке данных с использованием только одного запроса. 








На данный момент главное внимание уделяется демонстрации способов непо- 
средственной вставки данных в Му50! (и предоставлению соответствующих мер 
безопасности). Но далее в книге мы перейдем к изучению более подходящего 
практического метода с использованием указателей мест заполнения (см. далее 
подраздел «Указатели мест заполнения»), который практически исключает воз- 
можность ввода пользователями вредоносного кода в вашу базу данных. Поэтому 
при чтении данного подраздела имейте в виду, что в нем просто рассматриваются 
основы работы Му5ОГ-вставки, а в дальнейшем будут изучены способы усовер- 
шенствования этих базовых приемов. 








Извлечение данных 


Теперь, когда в таблицу саёѕ введены некоторые данные, в примере 10.11 показано, 
как можно убедиться в том, что они были благополучно вставлены в эту таблицу. 


Пример 10.11. Извлечение строк из таблицы саё5 
<?рһр 

геди1ге_опсе '1оріп.рһр'; 

$сопп = пем туѕд11(%$һп, Фип, $ри, $46); 

1+ ($сопп->соппесЕ_еггог) а1е("Рафа1 Еггог"); 


$ацегу = "ЅЕЕСТ * ЕКОМ са+ѕ"; 
$гези1* = $сопп->диегу ($ачегу); 
1+ (!$геѕи1+) 41е ("Сбой при доступе к базе данных"); 


$гом$ = $гези1*-> пит гом; 
есһо "<фаб1е><%г> <ЕИ>Та</ЕВ> <©һ>Ғаті1у</&һ><&һ>Мате</©һ><һ>Аре</Еһ></Ег>"; 


Ғог ($3 = Ө ; $3 < $гомѕ ; ++$]) 
{ 


$гом = $гези1{ - >Рефсй_аггом (МУЗОЕТ_ МОМ); 


есһо "<>"; 
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Фог ($К = ө; $К ‹ 4; ++$К) 
есһо "<{4>" . Ии15рес1а1сваг$ ($гом[$К]) . "</&а>"; 
есһо "</%г>"; 


} 


есһо "</фаБ1е>"; 
?> 


Этот код выдает простой МуЅОТ.-запрос ЅЕІЕСТ * ЕВОМ са+5, а затем отображает 
все возвращенные строки. Выходная информация должна иметь следующий вид: 


Іа Ғаті1у Мате Аве 
Ііоп Гео 4 
Соираг бгом1ег 2 
Спеефай Спаг1у 3 


омы 


Здесь можно убедиться в том, что столбец іа получает правильное автоприра- 
щение. 


Обновление данных 


Изменение внесенных в таблицу данных также выполняется очень просто. Вы за- 
метили, что кличка гепарда (сһееќаһ) записана как Сһагіу? Исправим ее на Сћагііе, 
как показано в примере 10.12. 


Пример 10.12. Переименование гепарда Спапу в Спайе 
<?рһр 

геди1ге_опсе '1оріп.рһр'"; 

$сопп = пем туѕд11($һп, Фип, $ри, $95); 

1+ ($сопп->соппес_еггог) @41е("Рафа1 Еггог"); 


$ачегу = "УРОАТЕ саёѕ ЅЕТ пате='Сһаг1іе' МНЕКЕ пате= 'Сһаг1у'"; 
$гези1 = $сопп->аиегу($ачегу); 
1+ (1$гези1{) аіе ("Сбой при доступе к базе данных"); 

2> 


Если теперь еще раз запустить код из примера 10.11, то будет выведена следующая 
информация: 

Т4 Ғаті1у Мате Аве 

1 110п Гео 4 


2 Соиғраг бгом1ег 2 
З Сһееёаһ Сһаг1іе 3 


Удаление данных 


Пума по имени Сто\Мег была перевезена в другой зоопарк, поэтому сведения о ней 
нужно удалить из базы данных. Удаление данных из таблицы показано в приме- 


ре 10.13. 
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Пример 10.13. Удаление сведений о пуме Сго\ег из таблицы саїѕ 
<?рһр 

геди1ге_опсе '1оріп.рһр'; 

$сопп = пем туѕд11(%$һп, Фип, $ри, $а6); 

1+ ($сопп->соппес_еггог) а1е("Рафа1 Еггог"); 


$ацегу = "РЕГЕТЕ ЕВОМ саф$ ИНЕВЕ пате= ' бгом1ег'"; 

$гези1+ = $сопп->диегу ($ачегу) ; 

1+ (!$геѕи1+) 41е ("Сбой при доступе к базе данных"); 
?> 


Здесь используется стандартный запрос БЕТЕТЕ ЕВОМ, и, когда будет запущен код из при- 
мера 10.11, вотображаемой информации вы сможете увидеть, что строка была удалена: 


та Ғаті1у Мате Аве 
1 ііоп тео 4 
3 Сһее+аһ Сһаг1іе 3 


Свойство АЧТО 1МСВЕМЕМТ 


При использовании свойства АУТО_ТМСВЕМЕМТ вы не можете знать, какое значение 
было дано столбцу до вставки строки. Но если нужно узнать об этом, можно позже 
обратиться к МуЗОТ, с помощью свойства пу$41_1п5ег*_14 объекта подключения. 
Потребность в этом возникает довольно часто, например при обработке покупки 
можно вставить в таблицу Сизфотег5 нового покупателя, а затем сослаться на 
только что созданный столбец Си Та при вставке покупки в таблицу покупок. 
Пример 10.10 может быть переписан и превращен в пример 10.14, отображающий 
это значение после каждой вставки. 


Вместо выбора наибольшего по значению идентификатора в столбце 14 и уве- 
личения его значения на единицу рекомендуется использовать свойство АЧТО_ 
ІМСКЕМЕМТ, поскольку одновременно выполняемые запросы могут после извле- 
чения наибольшего значения изменить значения в данном столбце еще до того, 
как будет сохранено новое вычисленное значение. 








Пример 10.14. Добавление данных к таблице саб и отчет о вставленном Ір 


<?рһр 
геди1ге_опсе '1оріп.рһр'; 
$сопп = пем туѕда11(%$һп, Фип, $ри, $а6); 
1+ ($сопп->соппес*_еггог) а1е("Рафа1 Еггог"); 


$ацегу = "ІМЅЕКТ ІМТО саф$ МАГЈЕЅ (МОШЕ, "Ёупх', '5%итру', 5)"; 
$гези1* = $сопп->диегу ($ачегу); 
1+ (!$геѕи1+) 41е ("Сбой при доступе к базе данных"); 


есһо "Значение вставленного Ір равно " . $сопп->іпѕегі іа; 
?> 
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Теперь содержимое таблицы приобретет следующий вид (обратите внимание на 
то, что ранее использовавшееся значение 10, равное 2, повторно не используется, 
поскольку в некоторых случаях это может вызвать определенные сложности): 


Іа Ғатіїу Мате Аве 
1 110п Тео 4 
3 Сһееаһ Спаг11е 3 
4 1упх $Фитру 5 


Идентификаторы вставленных строк 


Зачастую данные вставляются сразу в несколько таблиц: за книгой следует ее автор, 
за покупателем — его покупка и т. д. При вставке данных в столбцы с автоприраще- 
нием нужно будет запомнить вставленный 10, возвращенный для его сохранения 
в связанной таблице. 


Предположим, что для привлечения дополнительных средств над представителя- 
ми кошачьих могут брать шефство какие-нибудь организации, и когда животное 
сохраняется в таблице кошек, нам нужно создать ключ для привязки его к орга- 
низации, взявшей над ним шефство. Код для этого похож на код примера 10.14, 
за исключением того, что возвращенный Г), который был вставлен в таблицу, 
сохраняется в переменной $1пзегЕТО, а затем используется в качестве составной 
части такого запроса: 


$ачегу = "ІМЅЕКТ ІМТО саф$ МАГШОЕЅ (МОШЕ, 'упх', '5$итру', 5)"; 
$гези1= = $сопп->ачегу ($ачегу); 

фіпѕег+їІр = $сопп->іпѕегі іа; 

$ачегу = "ТМЗЕВТ ІМТО омпег$ МАЈЕ (фіпѕегІр, 'Апп', '5и1{и')"; 
$гези1= = $сопп->ачегу ($ачегу); 


Теперь животное связано со своим шефом посредством уникального кошачьего 
идентификатора, который был автоматически создан благодаря свойству АЦТО_ 
ІМСАЕМЕМТ 


Выполнение дополнительных запросов 


Итак, хватит развлекаться с кошками. Чтобы исследовать более сложные запро- 
сы, нужно вернуться к использованию таблиц сиѕёотегѕ и с1а$$1с$, которые вы 
должны были создать в процессе работы с главой 8. В таблице сиѕёотегѕ должны 
быть сведения о двух покупателях, а в таблице с1а$$1с$ — сведения о нескольких 
книгах. В них также совместно используется столбец с номером І5В№, названный 
156п, который можно применять для выполнения дополнительных запросов. 


Например, для отображения всех покупателей вместе с названиями и авторами 
купленных ими книг можно воспользоваться кодом, показанным на рис. 10.15. 
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Пример 10.15. Выполнение вторичного запроса 
<?рһр 

геди1ге_опсе '1оріп.рһр'; 

$сопп = пем туѕд11(%$һп, Фип, $ри, $46); 

1+ (Фсопп->соппес+_еггог) а1е("Рафа1 Еггог"); 


$ацегу = "ЗЕЁЕСТ * ЕКОМ сизфотег$"; 
$гези1* = $сопп->диегу ($ачегу); 
1+ (!$геѕи1+) 41е ("Сбой при доступе к базе данных"); 


$гом$ = $геѕи1+->пит гом; 


Ғог ($3 = Ө ; $5 < $гомѕ ; ++$]) 
{ 


$гом = $гези1{ - >Еефсй_аггом (МУЗОЕТ_ МОМ); 
есһо ИЕт1зрес1а1сВаг$ ($гом[0]) . " ригспазеа Т$вм " 
| и15рес1а1сваг$ ($гом[1]) . ":<6г>"; 


$зибачегу = "ЗЕЁЕСТ * ЕВОМ с1а$$1с$ МНЕКЕ 1$6п='$гом[1]'"; 
$ѕиргеѕи1+ = фФсопп->диегу(Фѕираиегу); 
1+ (!$5и6гези14) аіе ("Сбой при доступе к базе данных"); 


$ѕиргом = $зибгези1*->Ееёсв_аггом (МУЗОЕТ_МОМ) ; 
есһо "&пЫѕр; &пЬѕр;" . И&и15рес1а1сНаг$ (" '$зибгом[1]'") . " бу " 
һёт1ѕресіа1сһагѕ( $зибгом[0]) . "<6г><6г>"; 


} 


?> 


В этой программе используется первичный запрос к таблице сиѕотекѕ, чтобы най- 
ти всех покупателей. Затем на основе номера ТЗВМ книг, приобретенных каждым 
покупателем, делается новый запрос к таблице с1а$$1с$, чтобы найти название 
и автора каждой из книг. При выполнении этого кода будет выведена следующая 
информация: 


Зое В1025$ ригсһаѕеа Т$ВМ 9780099533474: 
"Тһе 014 Сиг1о$14у Ѕһор' Бу Сһаг1еѕ ріскепѕ 


Јаск №115оп ригспазей ІЅВ№ 9780517123201: 
"Тһе Огіріп оҒ Ѕресіеѕ' Бу Сһаг1еѕ рагміп 


Магу Ѕті+һ ригсһаѕеа ІЅВ№ 9780582506206: 
'Рг14е апа Ргејиаісе' Бу Јапе Аиѕ+еп 








Хотя это и не имеет отношения к иллюстрации использования дополнительных 
запросов, в данном случае можно вернуть точно такую же информацию, используя 
запрос с видом объединения МАТУВАЕ ЈОІМ (см. главу 8): 





ЗЕЁЕСТ пате, і5бп,+і+1е,аиёһог ЕКОМ сиѕ+отегѕ 
МАТОКАГ ЈОІМ с1а$$1с$; 
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Предотвращение попыток взлома 


Наверное, опасность передачи Му ОТ, не прошедшей проверку вводимой поль- 
зователем информации все же недооценивается. Представьте, к примеру, что 
для идентификации пользователя применяется следующий простой фрагмент 
кода: 


$изег = $ РОЗТ[  'изег']; 
$раѕ5 = $ РО$Т[  'ра$$']; 
$ачегу = "ЅЕІЕСТ * ЕКОМ иѕегѕ МНЕВЕ изег='$изег' АМО раѕѕ='$раѕ5'"; 


На первый взгляд этот код может показаться вполне приемлемым. Если пользо- 
ватель вводит значения +гедзт1 И и тураѕѕ, которые присваиваются переменным 
фиѕег и фраѕѕ соответственно, то строка запроса, которая передается МуЗОТ, при- 
обретает следующий вид: 


ЅЕЕСТ * РЕКОМ иѕегѕ МНЕКЕ иѕег=' Ғгеаѕтітћһ' АМ раѕ5='тураѕ5' 


Все это выглядит вполне пристойно, но что будет, если кто-нибудь введет для пере- 
менной $и5ег следующую строку (а для переменной %раѕѕ вообще ничего не станет 
ВВОДИТЬ): 


айтіп' # 
Посмотрим на строку, которая будет отправлена МуЅО1: 


ЅЕЕСТ * ЕКОМ иѕегѕ МНЕКЕ чзег='адт1п' #' АМО раѕ5='' 


Вы поняли, в чем тут проблема? Произошла атака 5ОГ-инбекции. В МуЅОТ. с сим- 
вола # начинается комментарий. Поэтому пользователь войдет в систему под име- 
нем ади1т (предположим, что в системе есть пользователь адт1п), и ему не нужно 
будет вводить пароль. В следующей строке исполняемая часть запроса выделена 
полужирным шрифтом, а все остальные символы будут проигнорированы. 


ЗЕЁЕСТ * ЕКОМ изег$ ИНЕВЕ иѕег='айтіп' #' АМО раѕѕ='' 


Но вам еще очень посчастливится, если весь вред, нанесенный злоумышленником, 
этим и ограничится. По крайней мере вам, может быть, удастся войти в свое при- 
ложение и отменить все изменения, внесенные туда пользователем, вошедшим 
в систему под именем адт1т. А что, если ваша прикладная программа удаляет 
пользователя из базы данных? Тогда код может иметь следующий вид: 


$изег = $ РОЅТ[ 'изег']; 
$раѕ5 = $ РОЅТ['раѕ5']; 
$ачегу = "РЕГЕТЕ ЕВОМ изег$ МНЕКЕ иѕег='Фиѕе”' АМ раѕѕ='$раѕ5'"; 


На первый взгляд, с ним опять вроде бы все в порядке, но что получится, если кто- 
нибудь введет для переменной $и5ег следующее значение: 


апуёһіпе' ОК 1=1 # 
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МУуЅОТ. интерпретирует это следующим образом (также выделено полужирным 
шрифтом): 


РЕГЕТЕ ЕКОМ изег$ МНЕВЕ иѕег='апуёһіпв' ОВ 1=1 #' АМ раѕѕ='' 


Условие этого ЗОТ.-запроса всегда будет истинным, поэтому вы лишитесь всей 
базы данных, в которой содержатся сведения о пользователях. Так что же нужно 
делать в случае подобной атаки? 


Возможные меры противодействия 


Не стоит полагаться на встроенное в РНР свойство «волшебных кавычек» (таріс 
диоѓеѕ), которое автоматически отключает любые символы одинарных и двойных 
кавычек путем установки перед ними символа обратного слеша (\). Почему? Да по- 
тому, что это свойство может быть отключено. Многие программисты именно так 
и делают, чтобы вставить собственный код, обеспечивающий безопасность. Поэто- 
му нет никаких гарантий того, что на вашем рабочем сервере это свойство не было 
отключено. Фактически в РНР 5.3.0 его использование не приветствовалось, а из 
РНР 5.4.0 оно вообще было удалено. 


Вместо этого для всех обращений к Му5ОТ. нужно всегда использовать метод 
геа1_еѕсаре_ѕігіпв. В примере 10.16 показана функция, которую можно исполь- 
зовать, чтобы удалить любые «волшебные кавычки», добавленные во введенную 
пользователем строку, а затем соответствующим образом обезвредить все име- 
ющиеся в ней опасные компоненты. 


Пример 10.16. Способ обезвреживания данных, введенных пользователем, приемлемый для Му$ОЕ 


<?рһр 
Ғипсёіоп муѕа1_Ғіх_ѕ+гіпе(Фсопп, $51гіпе) 


{ 
1+ (ре таріс диоёеѕ ррс()) %ѕ1їгіпе = з&г1р$1азНе$ ($$4г1п8); 
гефигп $сопп->геа1 еѕсаре ѕігіпе($51гіпр); 


} 


?> 


Функция ре _таріс_диоёеѕ арс возвращает ТВОЕ, если свойство «волшебных кавы- 
чек» находится в активном состоянии. Если это так, любые добавленные к строке 
слеши подлежат удалению, в противном случае метод геа1 еаѕсаре ѕ&гіпе может 
отключить некоторые символы дважды, сделав строки непригодными для даль- 
нейшего использования. В примере 10.17 показано, как можно вставить функцию 
ту$91_41х_5%г1п5 в ваш код. 


Пример 10.17. Способ безопасного доступа к Му5ОЕ при использовании данных, 
введенных пользователем 
<?рһр 

геди1ге_опсе '1оріп.рһр'; 
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$сопп = пем туѕда11($һп, Фип, Фрм, $95); 
1+ ($сопп->соппес_еггог) @41е("Рафа1 Еггог"); 


$изег = туѕд1 Ғіх ѕігіпе($сопп, $ РОЅТ[ '‘иѕег']); 
$раѕ5 = туѕд1 Ғіх ѕігіпе($сопп, $ РОЅТ[ 'раѕ5']); 
$ачегу = "ЅЕГЕСТ * ЕКОМ иѕегѕ МНЕКЕ изег='$изег' АМО раѕѕ='$раѕ5'"; 


// Ит. д. 


Ғипсёіоп муѕд1 _Ғіх_ѕёгіпе(фсопп, $51гіпе) 

{ 
1+ (бе таріс диобеѕ врс()) %5їгіпе = ѕ6гірѕ1аѕһћеѕ(фѕ1гіпр); 
гефигп $сопп->геа1 еѕсаре ѕ&гіпе(Ф5+гіпе); 


} 


?> 


Актуальность этих мер предосторожности снижается, поскольку есть более про- 
стой и безопасный способ доступа к Му501, исключающий необходимость ис- 
пользования подобного рода функций и заключающийся в применении рассма- 
триваемых далее указателей мест заполнения. 








Указатели мест заполнения 


Все рассмотренные до сих пор способы работают с МуЅ0]І., но требуют примене- 
ния особых мер безопасности, поскольку строки постоянно нужно обезвреживать. 
Но теперь, после изучения основ, давайте приступим к более рациональному 
и рекомендуемому способу работы с МуЗОТ, существенно превосходящему по 
степени защищенности прежние методы работы. Как только вы усвоите материал 
этого подраздела, нужно будет отказаться от непосредственной вставки данных 
в МубОТ, (хотя, как это делается, было важно показать) и постоянно использовать 
исключительно указатели мест заполнения, 


Так что же собой представляют эти указатели? Это позиции внутри подготовлен- 
ных инструкций, в которых данные переносятся непосредственно в базу данных, 
что исключает возможность интерпретации переданных пользователем (или кем-то 
другим) данных в качестве МуЅ501-инструкций (и возможность потенциального 
взлома в результате такой интерпретации). 


Эта технология требует от вас сначала определить запрос для выполнения в МуЅОЇІ, 
в котором в местах, ссылающихся на данные, используются простые вопроситель- 
ные знаки. 


В обычном МуЅОТ предварительно определенные запросы имеют вид, показанный 
в примере 10.18. 
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Пример 10.18. Использование указателей мест заполнения 
РВЕРАВЕ $афетепе ЕКОМ "ІМЅЕКТ ТМТО с1а$$1с$ МАГОЕЅ(?, ?, ?, ?,?)"; 


ЅЕТ @ачЕбог = "Еті1у Вгоптё", 
@61+1е = "Киһегіпе Неієһёѕ", 
@са+ерогу = "С1аѕѕіс Е1с1оп", 
@уеаг = "1847", 

@150п = "9780553212587"; 


ЕХЕСОТЕ ѕ©аёетепё ОЅ51№С @аиПог , @Е1е1е ,@саферогу ,@уеаг, @1$6п; 
РЕАЕЕОСАТЕ РКЕРАКЕ $фа%етеп*; 


Чтобы не усложнять передачу запросов МузЗОТ, расширение ту$411 упрощает об- 
работку указателей мест заполнения, предоставляя готовый метод под названием 
ргераге, вызываемый следующим образом: 


$ѕітЕ = фсопп->ргераге('ІМЅЕКТ ТМТО с1а$$1с$ МАГОЕЅ(?, ?, ?, ?,?)'); 


Объект $ѕ+тё (сокращение от слова «инструкция» — ѕќаќетепі), возвращаемый 
этим методом, используется затем для отправки на сервер данных, замещающих 
вопросительные знаки. В первую очередь он применяется для последовательной 
привязки к каждому вопросительному знаку (к параметрам указателей мест за- 
полнения) РНР-переменных: 


$ѕ1тЕ->ріпа рагат(' ѕ55555', фаиёһог, $+11е, Фсаёерогу, Фуеаг, $1$6п); 


Первым аргументом метода Біпа рагат является строка, представляющая собой 
череду типов аргументов. В данном случае в ней содержатся пять символов ѕ, пред- 
ставляющих строковые значения, но здесь могут указываться любые комбинации 
следующих типов: 

О 1— данные, являющиеся целым числом; 


О а — данные, являющиеся числом с двойной точностью; 


О $ — данные, являющиеся строкой; 





О ЬЫ — данные, являющиеся большим двоичным объектом — ВІОВ (отправля- 
емым в пакетах). 


После того как переменные привязаны к предварительно определенным запросам, 
необходимо присвоить этим переменным значения данных, чтобы можно было 
передать их МУЗОГ: 


фаицЕПог = 'Еті1у Вгопёё': 
$+1і+1е = 'Миёһегіпе Неівһ5': 
$саевогу = 'С1аѕѕіс Е1с1оп': 
$уеаг = '1847'; 


$156п = '9780553212587'; 
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Теперь у сценария РНР есть все, что нужно, чтобы выполнить предварительно 
определенный запрос, поэтому мы выдаем следующую команду, вызывающую 
метод ехесиќїе ранее созданного объекта $$: 


$$ ->ехеси{е(); 


Перед тем как продолжить, имеет смысл провести очередную проверку на успешное 
выполнение команды, что можно сделать, проверив значение свойства а#есёеа _ 
гомѕ объекта $$: 


рг1пЕ+("%а Ком іпѕегёеа.\п", $5ЕмЕ->аРРесеед_гом$); 


В данном случае выводимая информация должна свидетельствовать о вставке 
одной строки. 


Как только вы порадовались успешному выполнению запроса (или же столкнулись 
с какими-либо ошибками), объект $$ можно закрывать: 


$$Е1Е->с10$е(); 


И в последнюю очередь закройте объект $сопп (при условии, что с ним вы также 
закончили работу): 


$сопп->с1оѕе(); 


Когда все будет собрано вместе, получится результат, показанный в примере 10.19. 


Пример 10.19. Использование указателей мест заполнения с РНР 


<?рһр 
геди1ге '1овіп.рһр'; 
$сопп = пем туѕд11($һп, Фип, $ри, $945); 
1+ ($сопп->соппес_еггог) @91е("Рафа1 Еггог"); 


$$ЕтЕ = $сопп->ргераге('ІМЅЕКТ ТМТО с1аѕ5ісѕ МАГОЕЅ( 2, ?,?,?,?)'); 
$51ме->бріпа рагат('55555', ФаиЕНог, $+1+1е, $саерогу, $уеаг, $іѕрп); 


фаиїћог = 'Еті1у Вгопёё'; 
$+1і+1е = 'Миёһегіпе Неівһћ5'; 
$сатерогу = '‘С1аѕѕіс Рісііоп'; 
$уеаг = '1847'; 

$156п = '9780553212587'; 


$$ ->ехеси{е(); 
рг1п + ("ЖА Ком іпѕегёеа. \п", $5ЕтЕ->аРесЕед_гом$); 
$ѕ1тЕ->с1оѕе(); 
$сопп->с1оѕе(); 
?> 


При каждом использовании предварительно определяемых запросов вместо из- 
начально готовых запросов вы будете закрывать потенциальную брешь в системе 
безопасности, поэтому стоит потратить время на изучение способов их исполь- 
зования. 
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Предотвращение внедрения НТМ!-кода 


Нужно позаботиться о защите еще от одного вида внедрения, который связан 
не с безопасностью ваших собственных сайтов, а с конфиденциальностью и за- 
щитой пользовательских данных. Речь идет о межсайтовом выполиении сценариев 
(Сгоѕѕ ЭЦе Ѕсгірбіпе), называемом также Х55-атакой. 


Эта разновидность внедрения происходит в том случае, когда вы разрешаете поль- 
зователю вводить, а затем отображать на вашем сайте НТМГТ-, или, что случается 
чаще, ЈауаЅсгірі-код. Одним из мест, где это часто происходит, является форма 
для комментариев. Обычно злоумышленник пытается написать код, ворующий 
у пользователей вашего сайта сооКіе, позволяющие ему узнать пары «имя пользо- 
вателя — пароль», если они обрабатываются недостаточно безопасно, или другую 
информацию, позволяющую захватить сеанс работы (в котором пользовательская 
учетная запись захвачена злоумышленником, получившим теперь возможность 
пользоваться ею!). Или же злоумышленник может предпринять атаку с целью за- 
грузки на пользовательский компьютер троянского коня. 


Чтобы предотвратить это внедрение, нужно лишь вызвать функцию һет1епїіќіесѕ, 
выявляющую все коды разметки НТМЕ,. и заменяющую их формой, которая ото- 
бражает символы, но не позволяет браузеру действовать в соответствии с их пред- 
назначением. Рассмотрим, к примеру, следующий код НТМГ: 


<5сг1ре $гс=' Ир: //х. сот/һаск.јѕ'> 
</5сг1рЕ><$сг1рЕ>Наск();</$сг1рЕ> 


Этот код загружает программу на ЈауаЅсгірї, а затем выполняет вредоносные функ- 
ции. Но если сначала этот код будет пропущен через функцию Ии1еп11е$, то он 
превратится в такую абсолютно безвредную строку: 


&11;ѕсгір згс=' Ир: //х.сот/Паск. $ '&5%; &1%; /ѕсгірі&р+і; 
&1узсг1рЕ&еЕ;ПасКк() ; &1+; /5сгіріёрі; 


Поэтому если вы когда-нибудь соберетесь отобразить какие-нибудь данные, 
введенные пользователем, то нужно немедленно или сразу же после первого 
сохранения в базе данных обезвредить их с помощью функции һёт1епёіїіеѕ. 
Для этого я рекомендую вам создать новую функцию наподобие первой функции, 
показанной в примере 10.20, которая способна обезвредить попытки как ЗОТ--, так 
и Х$5-внедрения. 


Пример 10.20. Функции для предотвращения атак внедрения 501 и Х55 


<?рһр 
Ғипсёіоп туѕда1 епііёіеѕ Ғіх_ ѕ1гіпр(Фсопп, $5+гіпе) 


{ 


геъигп Һт1епііёіеѕ (туѕд1_Ғіх_ѕ&гіпе(фсопп, $$%г1п8)); 


| 


ФипсЕ1оп муѕа1_Ғіх_ѕїгіпе(Фсопп, $51гіпе) 
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{ 
1+ (веф таё1с_аио%ез_врс()) %5+гіпе = $&г1р$1азНе$ (фѕ1гіпр); 
гефигп $сопп->геа1_е$саре_54г1п5($$%г1п5); 


} 


?> 


Функция туѕд1_епёіёіеѕ Ғіх ѕігіпе сначала вызывает функцию ту$91_+1х_ 
ѕёгіпе, а затем, прежде чем вернуть полностью обезвреженную строку, пропу- 
скает результат через функцию һёт1епіітіеѕ. Для использования любой из этих 
функций у вас уже должен быть активный объект подключения к базе данных 
Му5ОГ. 


В примере 10.21 показана новая, «более защищенная» версия примера 10.17. 


Пример 10.21. Способ безопасного доступа к Му5ОЕ и предотвращения Х55-атак 


<?рһр 
геди1ге_опсе '1оріп.рһр'"; 
$сопп = пем туѕд11($һп, Фип, Фри, $945); 
1+ ($сопп->соппес_еггог) @41е("Рафа1 Еггог"); 


$изег = ту$а1_еп1{1е$_+11х_$%г1п5($сопп, $ РОЅТ[ 'изег']); 
$раѕ5 = тму$а1_еп1{1е$_+11х_$%г1п5($сопп, $ РОЅТ[ 'раѕ5']); 
$ачегу = "ЅЕГЕСТ * ЕВОМ иѕегѕ МНЕКЕ изег='$изег' АМО раѕѕ='$раѕ5'"; 


Г Ит. Де 
Ғипсбіоп туѕд1 _епііёіеѕ Ғіх_ ѕёгіпе(Фсопп, $5гіпр) 


{ 
гефиги Һт1епті+іеѕ (туѕ91_Ғіх_5&гіпе(фсопп, Ф5+гіпе)); 


} 


ФипсЕ1оп ту$91_+1х_$%г1п8($сопп, %$5#гіпе) 


{ 
1+ (ре таё1с_аио%ез_врс()) %5їгіпе = $&г1р$1азНе$ (фѕ1гіпв); 
гефигп $сопп->геа1_е$саре_5г1п5($$+г1п5); 


} 


?> 


Процедурный метод использования ту$ай 


Если вы предпочитаете обращаться к туѕа1і в процедурной (а не в объектно-ори- 
ентированной) манере, то для этого предусмотрен альтернативный набор функций. 
Например, вместо создания объекта фсопп: 


$сопп = пем туѕда11(%$һп, Фип, $ри, $946); 
можно воспользоваться следующим кодом: 


$1іпк = шу$911_ соппес($һп, $ип, $рм, $46); 


Процедурный метод использования туза! 297 





Для проверки факта подключения и управления этим подключением можно вос- 
пользоваться следующим кодом: 


1+ (ту$911_соппесЕ_еггпо()) 41е("Рафа1 Еггог"); 


А для осуществления запроса к МуЗОТ. можно использовать такой код: 


$гези1* = туѕд1і диегу($1іпк, "ЗЕЁЕСТ * ЕВОМ с1а$$1с$"); 


После возвращения управления из этого кода в переменной $геѕи1+ будут содер- 
жаться данные. Определить количество возвращенных строк можно с помощью 
следующего кода: 


$гом$ = ту$4911_пим_гом$ ($гези1*); 


В переменной $гомѕ будет возвращено целочисленное значение. Построчное извле- 
чение данных можно осуществить следующим способом, возвращающим числовой 
массив: 


$гом = муѕда11і ҒеЁсһ аггау($геѕи16, МУЗОЕТ_МОМ); 


В данном примере элемент $гом[9] будет содержать первый столбец данных, эле- 
мент $гои[1] — второй столбец и т. д. Как показано ранее в пункте «Извлечение 
строки» на с. 273, строки могут также быть возвращены в виде ассоциативных 
массивов или в виде массивов обоих типов в зависимости от значения, переданного 
во втором аргументе. 


Когда после операции вставки нужно узнать о вставленном идентификаторе (10), 
всегда можно вызвать функцию туѕ411 іпѕегі_1іа: 


$1пзегЕТО = му$4а11 іпѕег іа(Фгеѕи1+); 


Процедурный способ обезвреживания строк средствами ту$411 сводится к про- 
стому использованию следующего кода: 


$еѕсареа = туѕд11 геа1 еѕсаре ѕігіпе($1іпк, $\а1); 
Подготовка запроса с помощью туѕд11 также не представляет особой сложности: 
$$ЕтЕ = туѕ911 ргераге($1іпк, 'ІМЅЕКТ ТМТО с1а$$1с$ МАГЏЕ5(?, ?, ?,?,?)'); 


Для привязки переменных к предварительно определенным запросам можно вос- 
пользоваться следующим кодом: 


туѕ911 ѕ+ме Біпа рагат(%ѕ&т, '55555', $аиёһог, $41%1е, фса+ерогу, 
$уеаг, $1$56п); 


А для выполнения предварительно определенного запроса после присваивания 
переменным нужных значений можно использовать такой вызов: 


туѕд11_ѕЕме_ехеси+е($5ѕ+тё); 


298 Глава 10 • Доступ к Му5ОЕ с использованием РНР 





Чтобы закрыть запрос, нужно выдать следующую команду: 
ту$4911_$ЕтЕ_с10$е($$4т*); 
А чтобы закрыть подключение к МуЅОЇІ., нужно воспользоваться такой командой: 


1у$911_с10$е($11пК); 





Исчерпывающие подробности использования предварительно определенных 
запросов (процедурным или иным образом) можно найти в руководстве по РНР 
по адресу Чпуий.сот/тузай$Нт\, а советы по всем особенностям работы с тузай 
находятся по адресу Чпуий.сот/и$тдату$ай. 








После изучения нескольких способов объединения РНР с Му5ОТ. в следующей 
главе мы перейдем к созданию удобных для пользователей форм и работе с дан- 
ными, отправляемыми из этих форм. 


Вопросы 


Как подключиться к базе данных МуЗОТ. с помощью туѕ411? 
2. Как, используя туѕд11, отправить запрос к МуЅ01? 


Как извлечь строку, содержащую сообщение об ошибке, в случае возникновения 
ошибки в работе ту5а11? 


4. Как определить количество строк, возвращенных туѕа1і-запросом? 
5. Как извлечь конкретную строку данных из набора туѕа11-результатов? 


6. Какой пу$4911-метод может использоваться для обезвреживания пользователь- 
ского ввода и предотвращения внедрения вредоносного кода? 


7. Какие негативные последствия могут наступить, если не закрыть объекты, соз- 
данные методами туѕ411? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Обработка форм 


Основной способ взаимодействия пользователей с РНР и Му5ОТ. — применение 
НТМІ-форм. Эти формы появились на заре разработки Всемирной паутины, 
в 1993 году, даже раньше, чем электронная коммерция, и благодаря простоте и лег- 
кости использования не утратили своего значения и по сей день. 


Разумеется, с годами НТМІ-формы совершенствовались, получая дополнитель- 
ные функциональные возможности обработки информации, поэтому данная глава 
познакомит вас с современными методами обработки формы и продемонстрирует 
самые лучшие способы реализации форм для достижения наибольшей степени 
удобства и безопасности. Плюс к этому чуть позже вы увидите, что в спецификации 
НТМІ5 предусмотрено улучшенное использование форм. 


Создание форм 


Обработка форм — многоступенчатый процесс. Сначала создается форма, в кото- 
рую пользователь может вводить необходимые данные. Затем эти данные отправ- 
ляются веб-серверу, где происходит их разбор, зачастую совмещаемый с проверкой 
на отсутствие ошибок. Если код РНР найдет одно или несколько полей, требующих 
повторного ввода, форма может быть заново отображена вместе с сообщением об 
ошибке. Когда качество введенных данных удовлетворяет программу, она предпри- 
нимает некоторые действия, нередко привлекая для этого базы данных, к примеру 
для ввода сведений о покупке. 


Для создания формы потребуются как минимум следующие элементы: 


О открывающий и закрывающий теги — <Фогт> и </ Ғогт> соответственно; 


тип передачи данных, задаваемый одним из двух методов — СЕТ или РОЗТ; 





9 
О одно или несколько полей для ввода данных; 
9 


О ВГ-адрес назначения, по которому будут отправлены данные формы. 
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В примере 11.1 показана очень простая форма, созданная с использованием кода 
РНР. Наберите этот код и сохраните его в файле Фогтеез* .рйр. 


Пример 11.1. ѓогтќеѕї.рһр — простой обработчик формы на РНР 


<?рһр // Ғогтёеѕ&.рһр 
есһо <<< ЕМ 
<һётм1> 
<һеаа> 
<Е1{1е>Рогт Тез{</+1{1е> 
</ћеаа> 
<Боду> 
<Ғогт теёһоа="роѕі" асёіоп="Ғогтёеѕ&.рһр" > 
Как Вас зовут? 
<іпри ёуре= "ех" пате="пате" > 
<іприї +уре="ѕирті+" > 
</Ғогт> 
</боау> 
</ћт1> 
ЕМО; 
?> 


В первую очередь следует отметить, что в этом примере использован прием, уже 
встречавшийся в данной книге: вместо многократного входа в РНР-код и выхода 


из него для вывода многострочного НТМТ-кода я обычно применяю конструкцию 
есһо <<<_ЕМО..._Е№. 


Внутри этого многострочного вывода находится стандартный код, с которого на- 
чинается НТМТ-документ, отображающий заголовок документа и обозначающий 
начало его тела. Затем следует форма, настроенная на отправку своих данных с ис- 
пользованием РОЗТ-метода в адрес РНР-программы #огтёеѕ+.рһр, то есть этой 
самой программы. 


Остальной код программы закрывает все открытые элементы: форму, тело НТМТ- 
документа и РНР-инструкцию еспо <<<_ЕМ№. Результат запуска этой программы 
в браузере показан на рис. 11.1. 


Ф? Рот Те х |= — с 
<от у» = 

























(=) э ае @ | @ посаноз/1 1/ехатріе 
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Как Вас зовут? | 














Рис. 11.1. Результат запуска программы ѓогтќеѕі.рћр в браузере 
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Извлечение отп равленных данных 


В примере 11.1 представлена только одна из частей многоступенчатого процесса 
обработки формы. Если ввести имя и нажать кнопку бибтй Оиегу (Отправить за- 
прос), то абсолютно ничего, кроме повторного отображения формы, не произой- 
дет. Поэтому сейчас нужно добавить РНР-код, обрабатывающий отправляемые 
формой данные. 


В примере 11.2 показана расширенная версия предыдущей программы, включающая 
обработку данных. Наберите этот код или измените код программы +Фогиее$+ .рйр, до- 
бавив в него новые строки, сохраните программу в файле Ғогтёеѕ+2 .рћһр и попробуйте 
ее запустить. Результат запуска программы и введенное имя показаны на рис. 11.2. 


Пример 11.2. Обновленная версия ѓогтќеѕї.рһр 


<?рһр // Ғогтёеѕ%2.рһр 
1+ (155е+($ РОЅТ['паме'])) $пате = $ РОЅТ[ 'паме']; 
е15е $пате = "(Не введено)"; 


есһо <<<_ЕМО 
<һЕм1> 
<һеаа> 
<{11е>Рогт Тез{</{11е> 
</Неаа> 
<Боду> 
Вас зовут: $пате<Ьг> 
<Ғогт теёһоа="роѕ&" асёіоп="Ғогтёеѕ&2.рһр" > 
Как Вас зовут? 
<1приф ёуре="+ехё" пате="пате" > 
<іпри +ёуре="ѕиртіё" > 
</Ғогт> 
</боау> 
</ћЕт1> 
ЕМО; 
?> 
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Рис. 11.2. Программа ѓогтіќеѕё.рһр с обработкой данных 
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Изменения касаются двух строк в начале программы, где проверяется содержимое 
поля пате в ассоциативном массиве $_Ро$Т, которое отправляется назад пользо- 
вателю с помощью команды еспо. Ассоциативный массив $ РОЅТ был рассмотрен 
в главе 10, он включает в себя элемент для каждого поля НТМТ-формы. В при- 
мере 11.2 для вводимого имени использовалось поле пате, а для отправки данных 
формы был избран метод РОЅТ, поэтому значение элемента пате массива $_РО$Т 
содержится в элементе массива $_РОЗТ [ ' папе ' ]. 


РНР-функция іѕѕеё используется для проверки наличия значения у элемента 
$ _РОЗТ [ 'пате' ]. Если значение не было отправлено, то программа присваивает 
переменной фпате значение (Не введено). А если значение было отправлено, то оно 
сохраняется в этой переменной. После тега «Боду» была введена еще одна строка, 
предназначенная для отображения значения, сохраненного в переменной $папе. 


Значения по умолчанию 


Иногда представляется удобным предложить посетителям вашего сайта принять 
в веб-форме значения по умолчанию. Предположим, вы разместили на сайте по 
недвижимости приложение, представляющее собой калькулятор погашения кре- 
дита. При этом есть смысл ввести в него значения по умолчанию, скажем 25 лет 
и 6 % годовых, чтобы пользователю осталось только ввести либо основную сумму 
заимствования, либо посильную для него сумму ежемесячных выплат. НТМТ-код 
для этих двух значений мог бы иметь вид, показанный в примере 11.3. 


Пример 11.3. Установка значений по умолчанию 


<Ғогт теёһоа="роѕ+" асііоп="са1с.рһр"><рге> 
Сумма заимствования <1приф фуре="+ех{" пате="ргіпсір1е" > 
Ежемесячная выплата <1приф +уре= "Тех" пате="топеһ1у" > 
Количество лет <1приф +уре="+ехё" пате="уеағѕ" уа1ие="25"> 
Процент годовых <іпри фуре="+ех{" пате="гаёе" уа1ие="6"> 
<іпри +уре="ѕибті+" > 
</рге></Ғогт> 





Если есть желание испробовать в работе этот НТМІкод (а также другие подобные 
примеры), наберите и сохраните его в файле с расширением НТМЕ (или НТМ), 
например в файле їеѕё.Һті (или {еѕі.Һт), а затем загрузите этот файл в свой 
браузер. 








Обратите внимание на третий и четвертый элементы ввода данных. За счет ука- 
зания значения для атрибута уа1ие в поле отображается значение по умолчанию, 
которое пользователи в дальнейшем смогут изменить, если у них появится такое 
желание. Задавая вполне обоснованные значения по умолчанию, можно добиться 
более дружелюбного поведения от своих веб-форм за счет минимизации необяза- 
тельного ввода данных. Результат работы предыдущего кода показан на рис. 11.3. 
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Разумеется, он был создан только для иллюстрации значений по умолчанию, 
и поскольку программа са1с.рһр не была написана, форма после передачи данных 
никак на это не отреагирует. 
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Рис. 11.3. Использование значений по умолчанию для избранных полей формы 


Значения по умолчанию используются также для скрытых полей, которые при- 
меняются тогда, когда вы хотите наряду с данными, введенными пользователем, 
отправить из веб-страницы в адрес программы какую-нибудь дополнительную 
информацию. Скрытые поля будут рассмотрены в этой главе чуть позже. 


Типы элементов ввода данных 


НТМІ-формы обладают завидной универсальностью, позволяя отправлять дан- 
ные из довольно широкого диапазона различных типов элементов ввода, начиная 
с текстовых полей и текстовых областей и заканчивая флажками, переключате- 
лями ит. п. 


Текстовое поле 


Наверное, самым распространенным типом элемента, применяемым для ввода 
данных, является текстовое поле. Оно воспринимает широкий диапазон буквенно- 
цифрового текста и других символов в пределах однострочного окна. Типовой 
формат текстового поля для ввода информации имеет следующий вид: 


<іпри+ фуре="+ехе" пате="имя" $17е="размер" тах1епеёһ="длина" уа1ие="значение" > 
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Атрибуты пате (имя) и уа1ие (значение) мы уже рассматривали, но здесь представ- 
лены еще два атрибута: $17е (размер) и тах1епе+ћ (максимальная длина). Атрибут 
$12е определяет ширину поля в символах текущего шрифта, каким оно появится 
на экране, а тах1епёН задает максимальное количество символов, которое пользо- 
вателю разрешено вводить в это поле. 


Единственными обязательными атрибутами являются +уре (тип), сообщающий 
браузеру ожидаемый тип элемента ввода данных, и пате (имя), дающий вводимым 
данным имя, которое используется в дальнейшем для обработки поля после полу- 
чения отправленной формы. 


Текстовая область 


Когда нужно принять вводимые данные, превышающие по объему короткую 
строку текста, используется текстовая область. Она похожа на текстовое поле, но, 
поскольку в нее разрешается вводить сразу несколько строк, имеет несколько иные 
атрибуты. Ее типовой формат выглядит следующим образом: 


<фехфагеа пате="имя" со15="ширина" гом$="высота" мгар="тип" > 
</+ехфагеа> 


Первое, на что следует обратить внимание, — использование текстовой областью 
собственного тега <Техфагеа»>, который не является подвидом тега <1приф>, поэто- 
му для него нужен закрывающий тег </&ех+агеа»>, чтобы закрыть элемент ввода 
данных. 


Если есть какой-нибудь текст, который нужно отобразить по умолчанию, то вместо 
использования атрибута, позволяющего задавать подобное значение, нужно поме- 
стить этот текст перед закрывающим тегом < /%ехфагеа>, и тогда он будет отображен 
и сможет редактироваться пользователем: 


<фехфагеа пате="имя" со15="ширина" гомѕ="Высота" мгар="тип" > 
Это текст, отображаемый по умолчанию. 
</+ехфагеа> 


Для управления шириной и высотой текстовой области используются атрибуты 
со1$ (столбцы) и гомз (строки). Для задания размеров области в обоих атрибутах 
в качестве единицы измерения применяются пространства, занимаемые символом 
текущего шрифта. Если эти значения опустить, то будет создана текстовая область 
с размерами по умолчанию, которые зависят от используемого браузера, поэтому, 
чтобы точно знать, в каком виде должна появиться ваша веб-форма, нужно всегда 
задавать значения этих атрибутов. 


И наконец, с помощью атрибута мгар (перенос) можно управлять порядком пере- 
носа вводимого в область текста (и тем, как этот перенос будет отправляться на 
сервер). В табл. 11.1 показаны доступные типы переноса. Если не указывать зна- 
чение атрибута мгар, будет задействован мягкий перенос. 
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Таблица 11.1. Типы переноса, доступные в области ввода <їехќагеа> 





Тип Действие 


ой Текст не переносится, и строки появляются в строгом соответствии с тем, как их 
вводит пользователь 





ѕоЁ | Текст переносится, но отправляется на сервер одной длинной строкой без символов 
возврата каретки и перевода строки 





Баг | Текст переносится и отправляется на сервер в формате переноса с «мягким» возвратом 
в начало следующей строки и переводом строки 














Флажки 


Если пользователю нужно предложить выбор из нескольких вариантов данных, при 
котором он может остановиться на одном или нескольких вариантах, то для этого 
всегда применяются флажки. Формат флажков выглядит следующим образом: 


<іпри+ фуре="спескКбох" паме ="имя" уа1че="значение" сһескеа="сһескеа" > 


По умолчанию флажки имеют форму квадрата. Если в этот формат включается 
атрибут сһескеа (установлен), флажок появляется в браузере в уже установленном 
виде. Строка, присваиваемая атрибуту, должна быть либо парой двойных или оди- 
нарных кавычек, либо значением "сһескеӣ", либо же присваиваемого значения быть 
не должно (только сһескеа). Если данный атрибут не включать в формат, флажок 
будет отображен в неустановленном виде. Примером задания такого флажка может 
послужить следующий код: 


Я согласен <1приф +уре="сһескбох" пате="аргее" > 


Если пользователь не установит флажок, значение передано не будет. Но если 
флажок будет установлен, то для поля по имени аргее будет передано значение 
оп. Если вы предпочитаете вместо оп отправить собственное значение (например, 
число 1), можно воспользоваться таким синтаксисом: 


Я согласен <іпри ёуре="сһескбох" пате="аргее" уа1ие="1"> 


В то же время, если вы хотите при отправке формы предложить своим читателям 
информационный бюллетень, то может появиться желание отобразить флажок 
установленным по умолчанию: 


Подписаться? <іприё Журе="сһескбох" пате="пемѕ" сһескеӣ="сһескеа" > 


Если есть потребность в одновременном выборе группы элементов, то всем им 
нужно присвоить одинаковые имена. Но при этом нужно иметь в виду, что, если 
в качестве имени не будет передано имя массива, будет отправлен только послед- 
ний отмеченный элемент формы. Код из примера 11.4 позволяет пользователю 
выбрать любимые сорта мороженого (результат работы этого кода в браузере по- 
казан на рис. 11.4). 
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Пример 11.4. Предложение сделать выбор, установив сразу несколько флажков 


Ванильное <1приф +уре="сһескбох" пате="ісе" уа1ие="\/ап111а"> 
Шоколадное <іприї +уре="сһескбох" пате="ісе" уа1ие="Спосо1ае"> 
Земляничное <1приф +уре="сһескбох" пате="ісе" уа1ие="5{гамБеггу" > 
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Рис. 11.4. Использование флажков для быстрого выбора 


Если установлен только один флажок, например второй, то будет передан лишь 
этот элемент (полю с именем ісе будет присвоено значение Шоколадное). Но если 
будут выбраны два и более флажка, будет отправлено только последнее значение, 


а все предыдущие будут проигнорированы. 


Если нужно добиться исключающего поведения, то есть передачи только одного 
элемента, лучше воспользоваться переключателями (см. следующий подраздел), 
но, чтобы позволить отправку сразу нескольких значений, необходимо немного из- 
менить код НТМІ, как показано в примере 11.5 (обратите внимание на добавление 
квадратных скобок ([]) после значений ісе): 


Пример 11.5. Отправка нескольких значений с помощью массива 


Ванильное <іпри& Журе="сһескрох" пате="ісе[]" ма1џе= "Мапі11а"> 
Шоколадное <іприё фуре="спескБох" пате="ісе[ ]" уа1ие="Спосо1а*е"> 
Земляничное <іпри +уре="сһескбох" пате="ісе[]" уа1ие="Ѕ5+гамбеггу" > 


Теперь, если при отправке формы установлены какие-нибудь из этих флажков, будет 
отправлен массив по имени ісе, содержащий все выбранные значения. В любом слу- 
чае можно извлечь в переменную либо отдельное значение, либо массив значений: 


$1се = $ РОЅТ['ісе']; 


Извлечение отправленных данных 307 





Если поле ісе было отправлено в виде отдельного значения, то переменная $ісе 
будет содержать отдельную строку, например Земляничное. Но если в форме под 
именем 1се был определен массив (как в примере 11.5), переменная $1се будет 
массивом и номера элементов этого массива будут номерами отправленных зна- 
чений. 


В табл. 11.2 показаны семь возможных наборов значений, которые могут быть 
переданы этим НТМТ-кодом для одного, двух или трех установленных флаж- 
ков. В каждом из случаев будет создаваться массив из одного, двух или трех 
элементов. 


Таблица 11.2. Семь возможных наборов значений для массива $ісе 














При отправке одного При отправке двух При отправке трех 
значения значений значений 
$1се[0] => Ванильное $1се[0] => Ванильное $1се[0] => Ванильное 
$ісе[1] => Шоколадное $1се[1] => Шоколадное 
$1се[0] => Шоколадное $1се[0] => Ванильное $1се[2] => Земляничное 
$1се[1] => Земляничное 
$1се[0] => Земляничное $1се[0] => Шоколадное 
$1се[1] => Земляничное 

















Если переменная $1се является массивом, то для отображения ее содержимого 
можно использовать очень простой РНР-код: 


Ғогеасһ(%$ісе аз $іёет) есһо "$1$ет<6г>"; 


В нем применяется стандартная РНР-конструкция фогеасй, осуществляющая по- 
следовательный перебор элементов массива $1се и передающая значение каждого 
элемента переменной $ітет, содержимое которой затем отображается с помощью 
команды еспо. Тег <6г> служит только для НТМТ.-форматирования, чтобы после 
отображения каждого сорта осуществлялся перевод на новую строку. 


Переключатели 


Переключатели (га41о Бибоп$ — «кнопки радиоприемника») названы так по ана- 
логии с утапливаемыми кнопками настройки на фиксированные частоты, которые 
встречались во многих старых радиоприемниках, где любая ранее утопленная 
кнопка при нажатии другой кнопки возвращалась в первоначальную позицию. 
Переключатели применяются в тех случаях, когда нужно из двух и более вари- 
антов выбрать и вернуть только один. Все кнопки группы должны использовать 
одно и то же имя, и, поскольку возвращается только одно значение, массив пере- 
давать не требуется. 
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К примеру, если сайт предлагает выбор времени доставки покупок из вашего 
магазина, то для этого можно воспользоваться НТМТ-кодом, показанным в при- 
мере 11.6 (результат его работы изображен на рис. 11.5). По умолчанию переклю- 


чатели имеют форму окружностей. 


Пример 11.6. Использование переключателей 

8.0-12.00<іпри фуре="га41о" пате="©іте" уа1ие="1"> 
12.00-16.00<іприї +уре="гайіо" пате="+1те" уа1ие="2" спескед=" спескеа" > 
16.00-20 .00<іприї +уре="га@1о" пате="+1те" уа1ие="3"> 
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Рис. 11.5. Выбор единственного значения с помощью переключателей 


Здесь по умолчанию задается второй вариант: 12.00-16.00. Наличие значения по 
умолчанию гарантирует, что пользователь выберет хотя бы одно время доставки, 
которое затем может быть изменено на любое из двух оставшихся в соответствии 
с их предпочтениями. Если бы не был заранее выбран один из этих вариантов, 
пользователь мог бы забыть сделать свой выбор и для времени доставки не было бы 
передано никакого значения. 


Скрытые поля 


Иногда бывает удобно пользоваться скрытыми полями формы, чтобы получить 
возможность отслеживать состояние ее ввода. Например, может потребоваться 
узнать, отправлена форма или нет. Эти сведения можно получить, добавив к РНР- 


коду фрагмент кода НТМГ: 


есһо '‹1приф +уре="һіадеп" пате=" ѕирті+теа" уа1ие="уез">' 
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Это простая РНР-инструкция еспо, добавленная к полю ввода НТМІ-формы. 
Предположим, форма была создана вне программы и показана пользователю. 
При первом получении РНР-программой введенных данных эта строка кода 
не будет запущена, поэтому поля с именем ѕибтіќќеа не будет. Программа РНР 
воссоздает форму, добавляя к ней поле ввода. 


Поэтому, когда пользователь отправит форму еще раз, РНР-программа получит ее 
с полем ѕиртії+еа, имеющим значение уеѕ. Существование этого поля можно легко 
проверить с помощью следующего кода: 


1+ (155е+(%$ РОЅТ[ " зиби1{еа' ])) 
Чень 


Скрытые поля могут пригодиться также для хранения других сведений, например 
идентификационной строки сеанса, которая может быть создана для идентифика- 
ции пользователя, и т. д. 





Скрытые поля нельзя считать безопасными, поскольку они этим свойством не об- 
ладают. Код НТМЕ, которым задаются эти поля, может быть легко просмотрен 
с помощью свойства браузера, позволяющего просматривать исходный код 
страницы. Злоумышленник может также создать сообщение, которое удаляет, 
добавляет или изменяет скрытое поле. 














<ѕејесі> 


Тег <ѕе1есё> позволяет создавать раскрывающийся список, предлагающий вы- 
бор одного или нескольких значений. Для его создания используется следующий 
синтаксис: 


<ѕе1есї пате="имя" ѕіғе="размер" ти1&1р1е="ти1{1р1е"> 


Атрибутом $17е (размер) задается количество отображаемых строк. Нажатие кноп- 
ки отображения приводит к раскрытию списка, показывающего все варианты. 
Если применяется атрибут ми1Е1р1е (множественный выбор), из списка путем удер- 
живания во время нажатия клавиши С] могут быть выбраны сразу несколько вариан- 
тов. Чтобы спросить у пользователя, какой из пяти овощей он любит больше всего, 
можно воспользоваться кодом, предлагающим единичный выбор (пример 11.7). 


Пример 11.7. Использование поля со списком 


Овощи 

<ѕе1есї паме="мер" $17е="1"> 
<орііоп уа1ие=" Горох" ›Горох</орёїіоп> 
<орїіоп уа1ие= "Фасоль" >Фасоль< /орЕ1оп> 
<орЕ1оп муа1ие= "Морковь" >Морковь< /орїіоп> 
<орїіоп ма1ие= "Капуста" >Капуста< /ор{1оп> 
<орЕ1оп уа1ие= "Брокколи" >Брокколи< /ор1оп> 

</зе1ес{> 
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Этот НТМГ-код предлагает пять вариантов, на первый из которых, Горох, вы- 
падает предварительный выбор (благодаря тому что он стоит первым в списке). 
На рис. 11.6 показан внешний вид раскрытого щелчком списка. Если требуется 
выбрать другой вариант, предлагаемый по умолчанию (например, Фасоль), нужно 
воспользоваться атрибутом ѕе1есќеа: 


<орЕ1оп ѕе1есеа="ѕе1есеа" уа1ие="Фасоль" >Фасоль< /ор{1оп> 


Можно также дать пользователям возможность выбрать несколько вариантов 
(пример 11.8). 


Пример 11.8. Использование тега <ѕеіесі> с атрибутом тире 


Овощи 
<ѕе1есї пате="\уез" $17е="5" ти1{1р1е="ти1{1р1е"> 
<ор+іоп уа1ие=" Горох" >Горох</ор1оп> 
<ор+іоп ма1ие="Фасоль" >Фасоль< /ор{1оп> 
<ор+іоп уа1ие="Морковь" >Морковь< /орёіоп» 
<ор+іоп уа1ие="Капуста" >Капуста< /ор*1оп> 
<ор+іоп уа1ие="Брокколи" >Брокколи< /орЕ1оп> 
</ѕе1есі> 












$? іосаіһоз/11/ехатріе11-7№ті Х Е - к 





— 
(6) э ае @ | (@Ф Іосаіһоѕ1/1 1 /ехатріе 
(Горох |7) 


Горох 








Овощи 






Фасоль 
Морковь 
Капуста 
Брокколи 








Рис. 11.6. Создание раскрывающегося списка с помощью тега <ѕејесі> 


Код НТМІ. не претерпел при этом значительных изменений, было лишь измене- 
но значение атрибута $17е на 5 и добавлен атрибут ти1+ір1е. Но теперь, судя по 
рис. 11.7, можно выбрать более одного варианта, удерживая при щелчке нажатой 
клавишу С. При желании можете отказаться от атрибута $12е, внешний вид от 
этого не изменится, но с более длинным списком может отображаться больше 
элементов, поэтому я рекомендую вам подобрать подходящее количество строк 
и придерживаться своего выбора. Я также советую не делать поля со списком, рабо- 
тающие в режиме множественного выбора, меньше двух строк в высоту, поскольку 
некоторые браузеры могут при этом некорректно отображать полосы прокрутки, 
необходимые для доступа к данным. 
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Рис. 11.7. Использование поля со списком с атрибутом тиійріе 


При определении поля со списком, работающего в режиме множественного выбора, 
можно также воспользоваться атрибутом зе1естеа для задания при необходимости 
более одного заранее выбранного варианта. 


Теги <Іабеі> 


За счет использования тегов <1абе1> можно сделать работу пользователя еще удоб- 
нее. В эти теги можно заключить элемент формы, обеспечивая его выбор щелчком 
на любой видимой части, содержащейся между открывающим и закрывающим 
тегами <1абе1>. 


Возвращаясь к примеру выбора времени доставки, можно позволить пользователю 
щелкать как на самом переключателе, так и на связанном с ним тексте: 


<1абе1›8.00-12.00<іпри фуре="га41о" пате="+1те" уа1ие="1"></1аБе1> 


При этом текст не будет подчеркиваться при прохождении над ним указателя 
мыши, как это происходит с гиперссылкой, но указатель мыши из текстового кур- 
сора будет превращаться в стрелку, показывая, что щелкать можно на всем тексте. 


Кнопка отправки 


Чтобы согласовать текст на кнопке отправки с разновидностью отправляемой 
формы, его можно изменить по своему усмотрению, воспользовавшись атрибутом 
уа1ие: 


<іпри+ фуре="$ибт1{" уа1че="поиск"> 


Можно также заменить стандартный текст на кнопке выбранным вами графиче- 
ским изображением, используя следующий код НТМТ: 


<іпри+ фуре="1таре" пате="5ибт1{" згс="1тазе. 51+" > 
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Обезвреживание введенных данных 


Вернемся к программированию на РНР. Нелишне будет еще раз напомнить, что 
обработка данных, введенных пользователем, представляет большую угрозу для 
безопасности системы, и поэтому очень важно научиться с самого начала работать 
с ними предельно осторожно. На самом деле очистить введенные пользователем 
данные от потенциальных попыток взлома не так уж сложно, но сделать это со- 
вершенно необходимо. 


Прежде всего нужно запомнить, что, невзирая на те ограничения, которые были на- 
ложены на НТМІ -форму в отношении типов элементов и размеров вводимых дан- 
ных, взломщику ничего не стоит воспользоваться свойством браузера, позволяющим 
просмотреть исходный код страницы, извлечь форму и внести в нее изменения для 
отправки на ваш сайт вредоносного кода под видом введенных данных. 


Поэтому не следует доверять какой-либо переменной, извлеченной из массива 
$ СЕТ или $ РОЅТ, до тех пор, пока она не пройдет обезвреживание. Если такую 
обработку не провести, пользователи могут предпринять попытку внедрить в дан- 
ные код ЈауаЅсгірї, мешающий работе ваших сайтов, или даже добавить команды 
МУЗОТ, подвергающие угрозе содержимое вашей базы данных. 


Таким образом, нужно не только считывать введенные пользователем данные с по- 
мощью следующего кода: 


$\аг1аб1е = $_РОЗТ[ 'изег_1при*']; 


но и воспользоваться еще одной или несколькими строками кода. К примеру, 
чтобы предотвратить внедрение езсаре-символов в строку, которая будет пред- 
ставлена МуЗОГ,, можно применить код, приведенный ниже. Следует напомнить, 
что эта функция учитывает текущий набор символов, используемый при под- 
ключении к МуЗОТ, поэтому она должна быть задана с объектом подключения 
туза11 (в данном случае фсоппес+іоп) в соответствии с порядком, рассмотренным 
в главе 10: 


$\аг1аб1е = фсоппес+іоп->геа1 еѕсаре ѕ+гіпе($уагіаб1е); 





Следует помнить, что самым безопасным способом уберечь МуѕЅ01 от попыток 
взлома является рассмотренное в главе 10 использование указателей мест за- 
полнения и предварительно определенных запросов. Если этот способ применять 
для всех обращений к Му501, отпадет необходимость в обезвреживании данных, 
переносимых в базу данных или из этой базы. Но пользовательский ввод перед 
включением его в НТМІ обезвреживать все же придется. 








Чтобы избавиться от нежелательных слеш-символов, нужно сначала проверить 
в РНР включение свойства «волшебные кавычки» (при котором кавычки выклю- 
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чаются путем добавления слеш-символов) и, если оно включено, вызвать функцию 
$Ег1рз1а5Нез: 


1+ (веф таё1с_дио%е$_врс()) 
$\аг1а61е = $&г1рз1азВез ($уаг1а61е); 


А для удаления из строки любого НТМТ-кода используется такой код РНР: 


$уагіар1е = һёт1епіііеѕ ($уаг1аб1е); 


Например, этот код интерпретируемого НТМГ <6>11</6> заменяется строкой 
&14; 685%; ћі&1+; /Б&ве;, которая отображается как простой текст и не будет интер- 
претироваться как теги НТМГ. 


И наконец, если нужно полностью очистить введенные данные от НТМГ, исполь- 
зуется следующий код (но указывать его нужно до вызова функции һёт1еп+і+іеѕ, 
которая заменяет все угловые скобки, используемые в качестве составляющих 
НТМЕ-тегов): 


$\аг1аб1е = ѕ1гір +арѕ ($уагіар1е); 


А пока вы не решите, какое именно обезвреживание требуется для вашей программы, 
рассмотрите показанные в примере 11.9 две функции, в которых собраны вместе все 
эти ограничения, обеспечивающие довольно высокий уровень безопасности. 


Пример 11.9. Функции сапе пд и ѕапійгемуѕо 


<?рһр 
Ғипсёіоп ѕапіёіғеѕ+гіпе ($уаг) 


{ 
1+ (ве тав1с_диофез_врс()) 
$\аг = ѕгірѕ1аѕһеѕ ($уаг); 
$уаг = ѕігір +арѕ ($уаг); 
$\аг = һёт1епёі+іеѕ ($уаг); 
гефигп $уаг; 


} 


ФипсЕ1оп ѕапіёіғеМуѕ01 ($соппесёіоп, $уаг) 


{ 


$уаг = $соппесЕ1оп->геа1_езсаре_$%г1п8($уаг); 
$уаг = ѕапііғгеѕігіпе($маг); 
гефигп $уаг; 


} 


?> 


Добавьте этот код в последние строки своих программ, и тогда вы сможете вызвать 
его для обезвреживания всех вводимых пользователями данных: 


$уаг = ѕапііғгеѕігіпе ($ РОЅТ[ 'изег_1при*']); 


или, если имеется открытое подключение к Му5ОТ. и объект подключения ту$411 
(который в данном случае называется $соппес1оп): 


$\аг = ѕапіёіғеМуѕ01 (Фсоппесіоп, $ РОЅТ[ 'изег_1при*']); 
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Если используется процедурная версия расширения тузай, нужно будет изменить 
функцию зап еМубОЕ для вызова функции тузай_геа|_е$ саре ѕїгіпд, получив 
примерно такой код (в этом случае $Фсоппесйоп будет не объектом, а описателем): 





$\аг = муѕд411і геа1 еѕсаре 5ѕ&гіпе(фсоппес+іоп, $уаг); 





Пример программы 


Рассмотрим, как происходит настоящее объединение РНР-программы с НТМІ- 
формой, для чего создадим программу сопмег+.рһр, код которой показан в при- 
мере 11.10. Наберите этот код и проверьте его работу. 


Пример 11.10. Программа перевода значений между шкалами Фаренгейта и Цельсия 


<?рһр // сопуеге.рир 
$ = $с = ''; 


1+ (1ѕ5е($ РОЅТ['#'])) $+ = ѕапіёіғеѕёгіпр (Ф РОЅТ['+']); 
1+ (155е1(% РОЅТ['с'])) $с = ѕапііғеѕїгіпе(% РОЅТ['с']); 


1+ (15 питегіс($+)) 
{ 
фс = іпёма1((5 / 9) * ($4 - 32)); 
фои = "$ &аеё;+ соответствует $с &ер; с"; 
} 
е15еі#(15 пимегіс(%с)) 
{ 
$+ = 1п6\а1( (9 / 5) * $с + 32); 
фои = "$с &4ев;с едиа15 $+ &йер;#"; 
} 


е15е $оиї = ""; 
есһо <<<_ЕМО 
<һЕт1> 
<һеад> 
<{1{1е>Программа перевода температуры< /&1і+1е» 
</Неаа> 
<Боду> 
<рге> 
Введите температуру по Фаренгейту или по Цельсию 
и нажмите кнопку Перевести 


<6>$ои</6> 
<Ғогт теёһоа="роѕё" асёіоп=" "> 
По Фаренгейту <іпри+ фуре="{ехЕ" паме="Ғ" $17е="7"> 
По Цельсию <1приф фуре="%ех{" пате="с" $17е="7"> 
<1приф фуре="$иБт1*" уа1ие="Перевести" > 
</Ғогт> 
</рге> 
</боау> 
</ћт1> 
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_ЕМО; 


Ғипсёіоп ѕапііғеѕ+гіпе ($уаг) 
{ 
1+ (ве тав1с_диофез_врс()) 
$\аг = ѕгірѕ1аѕһеѕ ($уаг); 
$уаг = $+г1р_+ав$ ($уаг); 
$уаг = Пи1еп{1{1е$ ($уаг); 
гефигп $уаг; 


} 


?> 


Когда программа сопуег* .рһр будет вызвана в браузере, результат будет похож на 
копию экрана, показанную на рис. 11.8. 
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Рис. 11.8. Работающая программа перевода температуры 


Проанализируем эту программу. В первой строке инициализируются переменные 
фс ФҒ на тот случай, если их значения не были отправлены программе. В следующих 
двух строках извлекаются значения либо из поля +, либо из поля с. Эти поля пред- 
назначены для ввода значений температуры по Фаренгейту или по Цельсию. 
Если пользователь введет оба значения, то значение по Цельсию будет проигнориро- 
вано, а переведено будет значение по Фаренгейту. В качестве меры безопасности 
в программе также используется новая функция ѕапіёіғеѕёгіпе из примера 11.9. 


Итак, располагая либо отправленными значениями, либо пустыми строками в обе- 
их переменных $Ғ и $с, следующая часть кода использует структуру 1+...е15е1+... 
е15е, которая сначала проверяет, имеет ли числовое значение переменная $+. Если эта 
переменная не имеет числового значения, проверяется переменная $с. Если пере- 
менная $с также не имеет числового значения, переменной $ои* присваивается 
пустая строка (к этому месту мы еще вернемся). 
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Если обнаружится, что у переменной $+ есть числовое значение, переменной $с 
будет присвоено простое математическое выражение, которое переводит значение 
переменной $+ со значения по Фаренгейту в значение по Цельсию. Для этого ис- 
пользуется формула: По Цельсию = (5 / 9) х (По Фаренгейту - 32). Затем пере- 
менной $ои* присваивается строковое значение, в котором содержится сообщение 
о результатах перевода. 


Если же окажется, что у переменной $с есть числовое значение, выполнится об- 
ратная операция по переводу значения $с из значения по Цельсию в значение по 
Фаренгейту с присваиванием результата переменной $+. При этом используется 
следующая формула: По Фаренгейту = (9 / 5) х По Цельсию + 32. Как и в пре- 
дыдущем разделе, переменной фои затем присваивается строковое значение, 
в котором содержится сообщение о результатах перевода. 


Для превращения результатов перевода в целое число в обоих переводах вы- 
зывается РНР-функция іпёха1. В этом нет особой необходимости, но результат 
выглядит лучше. 


Теперь, после выполнения всех арифметических вычислений, программа выдает 
НТМГ-код, который начинается с базовых элементов һеаа и +і&1е и содержит ввод- 
ный текст, предшествующий отображению значения переменной $ои*. Если пере- 
вода температуры не осуществлялось, переменная $ои+ будет иметь значение МОГ 
и выводиться на экран ничего не будет, что, собственно, нам и нужно до тех пор, 
пока не будут отправлены данные формы. Но, если перевод состоялся, переменная 
фои содержит результат, который отображается на экране. 


Затем следует форма, настроенная на отправку данных самой программе (представ- 
ленной парой двойных кавычек, чтобы файл мог быть сохранен с любым именем) 
с использованием метода РОЗТ. Внутри формы содержатся два поля для ввода 
температуры как по Фаренгейту, так и по Цельсию. Затем отображается кнопка 
отправки данных, имеющая надпись Перевести, и форма закрывается. 


После вывода НТМТ-кода, закрывающего документ, программа завершается функ- 
цией $ап14{12е5%г1пр из примера 11.9. Проверьте пример в работе, вводя в поля раз- 
личные значения. А сможете ли вы подобрать значение, для которого температура 
как по Фаренгейту, так и по Цельсию будет одинакова? 





Все примеры, показанные в данной главе, используют для отправки данных фор- 
мы метод РОЅТ. Я рекомендую применять именно его как наиболее подходящий 
и безопасный. Разумеется, формы можно легко перестроить под использование 
метода СЕТ, тогда значения нужно будет извлекать не из массива $ РОЅТ, а из 
массива $_СЕТ. Причины применения другого метода могут заключаться в предо- 
ставлении возможности создания закладок или непосредственных ссылок с другой 
страницы на результаты поиска. 
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Усовершенствования, 
появившиеся в НТМІ5 


Благодаря НТМТ.5 разработчики могут воспользоваться рядом полезных усовер- 
шенствований по обработке форм, упрощающих работу как никогда ранее. В языке 
разметки появились новые атрибуты, окна выбора цвета, даты и времени, новые 
типы вводимых данных, хотя некоторые из этих свойств пока реализованы не во 
всех основных браузерах. 


Атрибут ащосотр! Ее 


Атрибут аиосотр1еќе можно применить либо к элементу <Ғогт>, либо к любому 
из типов элемента <1при®>: со1ог, да*е, ета11, раѕѕмога, гапре, зеагсй, {е1, ех 
или игі. 


При включении атрибута аиосотр1е+е заново вызываются ранее введенные поль- 
зователем данные, которые автоматически вводятся в поля в качестве предложе- 
ний. Это свойство также можно отключить путем переключения аџёосотр1е+е 
на о#. 


В следующем коде показано, как включить аиёосотр1е+е для всей формы, но 
отключить этот атрибут для конкретных полей (выделено полужирным шриф- 
том): 


<Ғогт асёіоп= 'туҒогт.рһр' теһоа='роѕі' аиёосотр1е+е= 'оп'> 


<іприї +уре= '+ехі' пате= ' изегпате ' > 
<іприї +уре='раѕѕмога' пате='раѕѕмога' аифосотр1ефе='о++' > 
</Ғогт> 


Атрибут аиёоѓосиѕ 


Атрибут аиќоҒосиѕ приводит к моментальной установке фокуса на элемент при 
загрузке страницы. Может быть применен к любому элементу <іприё>, <{ехфагеа> 
или <риї+оп»>, например: 


<іпри фуре='%ехе' пате='диегу' аи+оҒосиѕ= ' аи офоси$ ' > 


Браузеры, использующие интерфейсы сенсорных экранов (Апагоіа, 105 или 
\М/паоми$ Рһопе), обычно игнорируют атрибут аиќѓоѓосиѕ, оставляя за пользова- 
телем право прикоснуться к изображению элемента, чтобы он получил фокус. 
Если бы это было не так, то генерируемые включением этого атрибута увеличения 
элемента, фокусировки и появления экранной клавиатуры очень скоро стали бы 
сильно раздражать пользователей. 
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Поскольку это свойство вызывает перемещение фокуса на элемент ввода данных, 
нажатие клавиши Васкѕрасе больше не позволяет пользователю вернуться на ранее 
просмотренную веб-страницу (хотя сочетания А№+<— и АЁ по-прежнему можно 
применять для переходов по истории просмотров назад и вперед). 


Атрибут р!асепоаег 


Атрибут р1асепо1аег позволяет помещать в пустое поле ввода полезную подсказ- 
ку, объясняющую пользователям, что именно им нужно ввести. Он применяется 
следующим образом: 


<іприї фуре='+ехе' пате='пате' $17е='50' р1асейо14ег='Имя и фамилия’ > 


В поле ввода текст заполнителя будет показан в качестве подсказки до тех пор, 
пока пользователь не начнет набирать текст. В этот момент заполнитель ис- 
чезнет. 


Атрибут гедиігеа 


Атрибут геди1геа предназначен для обеспечения обязательного заполнения поля 
перед отправкой формы: 


<1приЕ +уре= '+ехї' пате='сгедіїсага' гедиігеа= ' гедиігеа' > 


Когда браузер обнаружит попытку отправки формы с незаполненным обязатель- 
ным вводом, пользователю будет выведено приглашение на заполнение поля. 


Атрибуты подмены 


С помощью этих атрибутов можно подменить настройки формы на поэлемент- 
ной основе. К примеру, используя атрибут Ғогтасёіоп, можно указать, что при 
нажатии кнопки отправки данные формы будут отправлены по ОВІ -адресу, 
отличающемуся от того адреса, который указан в самой форме (исходный ОКІ- 
адрес действия и тот адрес, которым он подменяется, показаны полужирным 
шрифтом): 
<Ғогт асёіоп='иг11.рһр' теһоЯ= 'роѕї' > 

<іпри +уре= 'ехі' пате= ' Ғіе1а' > 

<іприє +уре='ѕибті+' Ғогтасёіоп= 'иг12.рһр'> 
</Ғогт> 


В НТМІ5 также появилась поддержка для атрибутов подмены Ғогтепс+уре, 
Ғогтте&һоа, Ғогтпоуа1ідате и Фогтфагзет, которые могут использоваться точно так 
же, как и атрибут Ғогтас+іоп для подмены одной из соответствующих их именам 
настроек. 
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Атрибуты млад и һеідһё 


Используя эти новые атрибуты, можно изменить размеры вводимого изображения: 


<іпри+ фуре='1таве' згс='русфиге.рпё' міаёһ='120' һеірһі='80'> 


Атрибуты тіп и тах 


Используя атрибуты тіп и тах, можно указать для полей ввода минимальное и мак- 
симальное значения. Атрибуты применяются следующим образом: 


<іприё +уре='ёіте' пате='а1агт' уа1ие='07:00' тіп='05:00' тах= '09:00'> 


Затем браузер либо предложит для диапазона разрешенных значений селекторы 
«больше-меньше» («вверх-вниз»), либо просто запретит ввод значений, выходящих 
за пределы диапазона. 


Атрибут %ер 


Атрибут ѕёер зачастую используется с атрибутами тіп и тах и поддерживает по- 
шаговый перебор значений, связанных с числами и датами, например: 


<іпри+ фуре='+1те' пате='тееёіпе' уа1ие='12:00' 
п1п='09:00' тах='16:00' ѕ+ер='3600'> 


При пошаговом переборе значений дат и времени единицей измерения служит 
одна секунда. 


Атрибут Гогт 


В НТМГ5 теги <1при®> уже не нужно помещать в теги <Ғогт>, поскольку форму, 
к которой применяется элемент ввода, можно указать, предоставив этому элементу 
атрибут +огм. В следующем коде показана созданная форма, но с элементом ввода, 
находящимся за пределами тегов <Фогт> и </Фогт>: 


<Ғогт асіоп= 'туѕсгірё.рһр' мееНод='ро$Е' 1ій='Ғогт1' > 
</Ғогт> 


<іпри фуре='%ехе' пате='иѕегпате' Ғогт= ' Ғогт1' > 


Чтобы иметь такую возможность, форме нужно присвоить идентификатор, вос- 
пользовавшись атрибутом 14, и сослаться на этот идентификатор в атрибуте Ғогт 
элемента 1при*. В наибольшей степени это пригодится для добавления скрытых 
полей ввода, поскольку вы не в состоянии контролировать, как именно поле рас- 
положено внутри формы, или для использования Јауа$сгірё с целью изменения 
форм и полей ввода в процессе обработки. 
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Атрибут 15 


В НТМІ5 поддерживаются прикрепляемые списки для ввода данных, которые 
упрощают пользователям выбор из предопределенных списков. Их можно при- 
менить следующим образом: 


Выберите нужный сайт: 
<іпри+ фуре='иг1' паме='514е' 115#='11пкѕ'> 


<4афа11$% 14='11пК$' > 
<ор+іоп 1абе1='боор1е' уа1ие=' Вр: / /роов1е.сот' > 
<ор+іоп 1абе1= 'Үаһоо!' уа1ие=' Вер: / /уаһоо.сот'> 
<ор+іоп 1абе1='Віпе' уа1ие= ' Ир: //61п8.сот' > 
<ор+іоп 1аБе1='А$К' уа1ие= ' Ир: / /аѕк.сот' > 
</аа+а11ѕї1> 


Тип ввода соіог 
Тип ввода со1ог вызывает на экран окно выбора цвета, позволяющее выбрать цвет 
простым щелчком кнопкой мыши. Он используется следующим образом: 


Выберите цвет <іприї фуре='со1ог' пате= ' со1ог'> 


Типы ввода питбег и гапде 


Типы ввода питбег и гапве ограничивают ввод числом, а также, как вариант, до- 
пустимым диапазоном чисел, например: 


<іприї фуре='питбег" паме= 'аре' > 
<іпри фуре='гапзе' пате='пит' т1п='0' тах='100' уа1ие='50' $%ер='1'> 


Окно выбора даты и времени 


При выборе типа ввода да+е, топ*И, меек, ёіте, ааёеёіте или дафе*1те1оса1 в под- 
держивающих это свойство браузерах будет появляться окно выбора, в котором 
пользователь может сделать свой выбор, как, например, в следующем коде, где 
вводится время: 


<1приЕ +уре= '+іте' пате='41те' уа1ие='12:34'> 
В следующей главе будет показано, как сооКіе и аутентификация применяются 


с целью сохранения и загрузки пользовательских предпочтений и как можно управ- 
лять всей сессией пользователя. 


Вопросы 


1. Данные, содержащиеся в форме, могут быть отправлены с использованием 
одного из двух методов — РОЅТ или СЕТ. Какие ассоциативные массивы при- 
меняются для передачи этих данных РНР-программе? 
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9. 


Чем отличаются друг от друга текстовое поле и текстовая область? 


Если форма предлагает пользователю три варианта выбора, каждый из которых 
исключает все оставшиеся (то есть может быть выбран только один из вариан- 
тов), то какой тип элемента ввода данных нужно использовать в этом случае, 
если есть выбор между флажками и переключателями? 


Как из веб-формы отправить группу значений из поля со списком, используя 
только одно имя поля? 


Как отправить данные поля формы, не отображая их на экране браузера? 


В какой НТМТ-тег можно поместить элемент формы, чтобы весь его текст или 
изображение превратились в область выбора этого элемента по щелчку кнопкой 
мыши? 


Какая РНР-функция предназначена для преобразования кода НТМТ. в формат, 
который может быть отображен на экране, но не может интерпретироваться 
браузером в качестве кода НТМІ? 


Какой атрибут формы может быть применен, чтобы помочь пользователям за- 
полнить поля ввода? 


Как обеспечить обязательное заполнение поля ввода перед отправкой формы? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


СооКе, сессии 
и аутентификация 


По мере укрупнения и усложнения вашего проекта будут возрастать и потребности 
в учете его пользователей. Даже если не предлагается ввод имени пользователя 
и пароля, то довольно часто возникает необходимость в хранении сведений о ходе 
текущей сессии пользователя и, возможно, в том, чтобы узнать его при возвраще- 
нии на ваш сайт. 


Подобное взаимодействие с пользователем поддерживается с помощью несколь- 
ких технологий: от простых браузерных сооКіеѕ до обработки сессий и НТТР- 
аутентификации. В совокупности они позволяют настроить сайт на пользователь- 
ские предпочтения, обеспечивая комфортное путешествие по его страницам. 


Использование соокіе в РНР 


Сооѓіе представляет собой фрагмент данных, который веб-сервер с помощью бра- 
узера сохраняет на жестком диске вашего компьютера. Этот фрагмент может со- 
держать практически любую буквенно-цифровую информацию (объемом не более 
4 Кбайт) и может быть извлечен из вашего компьютера и возвращен на сервер. 
Чаще всего сооКіе используется для отслеживания хода сессий, обобщения дан- 
ных нескольких визитов, хранения содержимого корзины покупателя, хранения 
сведений, необходимых для входа в систему, ит. д. 


В силу своей закрытости сооКіе может быть считан только из создавшего его доме- 
на. Иными словами, если сооКіе, к примеру, был создан на огейу.сот, он может быть 
извлечен лишь веб-сервером, использующим этот домен. Это не позволяет другим 
сайтам получить доступ к сведениям, на владение которыми у них нет разрешения. 


Из-за особенностей работы Интернета многие элементы веб-страницы могут быть 
вставлены из нескольких доменов, каждый из которых может создавать свои соб- 
ственные сооҜіеѕ. Они называются сторонними сооКіеѕ. Чаще всего они создаются 
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рекламными компаниями с целью отслеживания пользователей на нескольких 
сайтах. 


Поэтому большинство браузеров позволяют пользователям отключать сооКіе либо 
от домена текущего сервера, либо от сторонних серверов, либо и от тех и от других. 
К счастью, большинство пользователей, отключающих сооКіе, делают это только 
в отношении сторонних сайтов. 


Обмен сооКіе осуществляется во время передачи заголовков еще до того, как будет 
отправлен код НТМІ. веб-страницы. Отправить сооКіе после передачи НТМТ-кода 
уже невозможно. Поэтому четкое планирование использования сооКіе приобретает 
особую важность. На рис. 12.1 показан типичный диалог с передачей сооКіе в фор- 
ме «запрос — ответ» между браузером и веб-сервером. 


Заголовки запроса веб-браузера Заголовки, возвращаемые м/еБ$егуег. сот 


СЕТ /іпаех.ҺЕт1 
НТТР/1.1 Ноѕ+: 


имм.мебзетует. сот 





НТТР/1.1 200 ОК 
Соп+епі-+уре: +ехі/һіт1 


ЅеЁ-Соокіе: пате=уаше 


... Содержимое веб-страницы 





СЕТ /пемѕ.ҺЕт1 НТТР/1.1 
Ноз+: имм.мебзетует. сот 
Соокіе: пате=уа1џе 





НТТР/1.1 200 ОК 


Соп+епї-+уре: +ехі/һіт1 
... Содержимое веб-страницы 


Рис. 12.1. Диалог браузера и сервера в режиме «запрос — ответ» с использованием соокіе 


В этом обмене данными показан браузер, получающий две страницы. 


1. Браузер выдает запрос на извлечение главной страницы іпаех.һёт1 с сайта Ир:// 
млм. ммеБзегуег.сот. В первом заголовке указывается файл, а во втором — сервер. 


2. Когда веб-сервер на мебзегуегсот получает эту пару заголовков, он возвращает не- 
сколько своих заголовков. Во втором заголовке определяется тип отправляемого 
содержимого (+ехЕ/Н+и1), а в третьем отправляется сооКіе по имени пате, имеющий 
значение уа1ие. И только после этого передается содержимое веб-страницы. 


3. После того как браузер получит сооКіе, он должен возвращать его с каждым 
последующим запросом, сделанным в адрес сервера, создавшего сооКіе, пока 
у сооҜіе не истечет срок действия или этот фрагмент данных не будет удален. 
Поэтому когда браузер запрашивает новую страницу /пемѕ .ћёт1, он также воз- 
вращает соо е пате со значением уа1ие. 
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4. Поскольку на момент отправки /пемѕ .ћ&т1 сооКіе уже был установлен, сервер не 
должен заново посылать этот сооКіе и возвращает только запрошенную страницу. 








Соокіе-файлы легко редактируются непосредственно из браузера с помощью 
встроенного инструмента разработчика или специальных расширений. Поэтому, 
исходя из того, что пользователи могут изменять значения сооКе-файлов, в эти 
файлы не следует помещать такую информацию, как имя пользователя, иначе 
можно столкнуться с манипулированием вашим веб-сайтом неожиданным для вас 
образом. Соокіе-файлы лучше применять для сохранения данных вроде настроек 


используемого языка или валюты. 





Установка сооКіе 


Установка сооКіе в РНР осуществляется довольно просто. До передачи кода НТМТ. 
нужно вызвать функцию ѕеёсоокіе, для чего используется следующий синтаксис 


(табл. 12.1): 


ѕеісоокіе(пате, уа1ие, ехр1ге, раһ, Чота1п, зесиге, НЕЕроп1у); 


Таблица 12.1. Параметры функции ѕеѓсоокіе 


Параметр 


Описание 


Пример 





пате 


Имя сооКіе. Это имя ваш сервер будет использовать для доступа 
к сооКіе при последующих запросах браузера 


иѕегпате 





уаше 


Значение сооКіе или его содержимое. Объем может составлять до 
4 Кбайт буквенно-цифрового текста 


ОЅА 





ехріге 


(Необязательный.) Время истечения срока действия в формате 
метки времени ОМІХ. Как правило, для установки этого 
параметра будет использоваться функция Ите(), к которой будет 
прибавляться количество секунд. Если параметр не установлен, 
срок действия сооКіе заканчивается с закрытием браузера 


ите() + 
2592000 





раб 


(Необязательный.) Путь к сооКіе на сервере. Если в качестве 
пути используется прямой слеш (/), сооКіе доступен для всего 
домена, например для домена уүү.үүеһѕегуег.сот. Если указан 
подкаталог, сооКіе доступен только в пределах этого подкаталога. 
По умолчанию путь указывает на текущий каталог, где был 
установлен сооКіе, и, как правило, используется именно такая 
настройка 





аотаіп 








(Необязательный.) Интернет-домен, которому принадлежит 
соокіе. Если это \уеБзегуег.сот, то сооКіе будет доступен для всего 
домена \уеБзегуег.сот и его поддоменов, например 
уүуүу.ууерѕегүег.сот и для ітавеѕ.ууеђѕегуег.сот. Если это 
ітавеѕ.ууеђѕегуег.сот, то сооКіе доступен только для ітавеѕ.ууеђ- 
зегуег.сош и его поддоменов, например ѕиђ.ітавеѕ.ууерѕегуег.сот, 
но не для \/\/\ муебзегуег. сот 





уе зегуег.сот 
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Параметр | Описание Пример 





зесиге (Необязательный.) Определяет, должен ли сооКіе использовать ЕАТЗЕ 
безопасное подключение (ћсрѕ://). Если значение параметра 

установлено в ТВОЕ, соокіе может быть передан только по 

безопасному подключению. По умолчанию устанавливается 

значение ЕАГЗЕ 





В брошу | (Необязательный; реализован в РНР, начиная с версии 5.2.0.) ЕАГЗЕ 
Определяет, должен ли сооКіе использовать протокол НТТР. 

Если значение параметра установлено в ТКОЕ, то такие языки 

сценариев, как ]ауаст!рь, не могут получить доступ к соокКіе. 


(Это свойство поддерживается не во всех браузерах.) 
По умолчанию задается значение ЕАГЗЕ 














Для создания сооКіе-файла по имени 1оса+іоп со значением 05А, к которому име- 
ется доступ со всего веб-сервера текущего домена и который будет удален из бра- 
узерного кэша через семь дней, используется следующая строка кода: 


ѕеісоокіе('1Іосаёіоп', '15А', 1ще() + 60 * 60 * 24 * 7, '/'); 


Доступ к соокіе 


Для чтения значения сооКіе нужно просто обратиться к системному массиву $_ 
СООКТЕ. Например, если необходимо посмотреть, хранится ли на текущем браузере 
сооКіе по имени 1оса+іоп, и, если хранится, прочитать его значение, то использу- 
ется следующая строка кода: 


1+ (155е%($ СООКІЕ[ '1оса+іоп'])) $1осаіоп = $ СООКІЕ[ '1оса1оп' ]; 


Учтите, что прочитать значение сооКіе можно только после того, как он был от- 
правлен браузеру. Это означает, что при установке сооКіе его нельзя прочитать до 
тех пор, пока браузер не перезагрузит страницу (или не совершит какое-нибудь 
другое действие с доступом к сооКіе) с вашего сайта и не передаст сооКіе в ходе 
этого процесса обратно на сервер. 


Удаление сооКіе 


Для удаления сооКіе его нужно повторно установить с настройкой даты истечения 
срока действия на прошедшее время. При этом важно, чтобы все параметры ново- 
го вызова функции ѕеёсоокіе, за исключением ёіпеѕёатр, в точности повторяли 
те параметры, которые указывались при создании сооКіе, в противном случае 
удаление не состоится. Поэтому для удаления ранее созданного сооКіе нужно вос- 
пользоваться следующей строкой кода: 


ѕеїсоокіе('1осафіоп', 'ОЅА', +1те() - 2592000, '/'); 
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Поскольку указано уже прошедшее время, сооКіе будет удален. Здесь я использовал 
время, равное 2 592 000 с в прошлом (что соответствует одному месяцу). Это сде- 
лано в расчете на неправильную установку даты и времени на компьютере клиента. 
Можно также указать для значения сооКіе пустую строку (или значение ЕАЕЗЕ), 
и тогда РНР автоматически установит для вас свое время на прошлое. 


НТТР-аутентификация 


НТТР-аутентификация использует веб-сервер для управления пользователями 
и паролями при работе приложения. Ее можно применять в простых приложениях, 
требующих от пользователей входа в приложение, хотя для многих приложений 
нужны особые меры или соблюдение более строгих требований безопасности, для 
чего следует обратиться к другим технологическим приемам. 


Чтобы воспользоваться НТТР-аутентификацией, РНР отправляет заголовок за- 
проса, инициирующий аутентификационный диалог с браузером. Чтобы эта тех- 
нология заработала, на сервере должно быть включено соответствующее свойство, 
но, скорее всего, в силу своей высокой востребованности это свойство на вашем 
сервере уже включено. 





Хотя, как правило, аутентификационный модуль НТТР устанавливается вместе 
с Араспе, это еще не означает, что он установлен на используемом вами серве- 
ре. Поэтому при попытке запуска представленных здесь примеров может быть 
сгенерирована ошибка и выдано сообщение о том, что это свойство недоступно. 
В таком случае нужно либо установить соответствующий модуль и изменить для 
загрузки модуля файл конфигурации, либо попросить своего системного адми- 
нистратора внести все эти изменения. 








Пользователи при вводе в браузер ОВІ -адреса или при переходе по ссылке на стра- 
ницу видят окно с требованием пройти аутентификацию Требуется аутентификация, 
в котором выводится приглашение заполнить два поля: для имени пользователя 
и пароля (на рис. 12.2 показано, как это выглядит в браузере Еігеѓох). Код, обеспе- 
чивающий аутентификацию, приведен в примере 12.1. 


Пример 12.1. РНР-аутентификация 
<?рһр 
1+ (155е($ ЅЕКМЕК[ 'РНР_А0ОТН_ЏЅЕК']) && 
155е($ ЅЕКМЕК[ 'РНР_АЧТН_РМ'])) 


{ 
есһо "Пользователь: " . һём1ѕресіа1сһагѕ ($ ЅЕКМЕК[ 'РНР_А0ТН_0ЅЕК']). 
"Пароль: ". А т1ѕресіа1сһагѕ ($ ЅЕКМЕК[ 'РНР_АЧТН_РМ" ]); 
} 
е1ѕе 
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һеааег( 'иМи-АцЕПепе1сафе: Ваѕіс геа1т="Кеѕёгісіеа Агеа"'); 
һеадег( '"НТТР/1.0 401 Шпаиёһогіғеа'); 
аіе("Пожалуйста, введите имя пользователя и пароль"); 


} 


?> 
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Рис. 12.2. Приглашение войти в систему в режиме НТТР-аутентификации 


Сначала программа ищет значения конкретных элементов массива: ф_ЅЕКМЕК[ "РНР_ 
АОТНЈЈ5ЕК'] и $_$ЕВ\ЕВ[ 'РНР_АУТН_РМ' ]. В этих элементах в случае их существо- 
вания содержатся имя пользователя и пароль, введенные пользователем при при- 
глашении пройти аутентификацию. 


Обратите внимание, что значения, возвращаемые в массиве $_5ЕВМЕВ, прежде чем 
выводиться на экран, обрабатываются функцией һет15ресіа1сһагѕ. Дело в том, что 
эти значения вводятся пользователем, и из-за этого не могут вызывать доверие, 
поскольку злоумышленником может быть предпринята попытка межсайтового вы- 
полнения сценария путем добавления во вводимую информацию символов НТМТ. 
и каких-либо иных символов. Функция преобразует подобный ввод в безвредное 
НТМГ-содержимое. 


Если какое-нибудь из значений отсутствует, то пользователь еще не прошел аутен- 
тификацию и появляющееся окно с приглашением, показанное на рис. 12.2, ото- 
бражается с выдачей следующего заголовка, составной частью которого является 
имя защищенного раздела — Ваѕіс геа|т: 


иИММ/- АцЕпепЕ1сафе: Ваѕіс геа1т="Кеѕёгісёеа Ѕесііоп" 


328 Глава 12 • Соокіе, сессии и аутентификация 





Если пользователь заполнит поля, РНР-программа будет запущена снова с самого 
начала. Но если пользователь нажмет кнопку Отмена, программа перейдет к следу- 
ющим двум строкам, которые отправят такой заголовок и сообщение об ошибке: 


НТТР/1.0 401 Опаиёһогіғеа 


Инструкция а1е выведет следующий текст: Пожалуйста, введите имя пользователя 
и пароль (рис. 12.3). 












©) осаоз/12/ехатр!е12-2.рпр Ж + с 


(=) > а @ | ® Іосаіһоѕї ... 9 и м» = 












Пожалуйста, введите имя пользователя и пароль 











Рис. 12.3. Результат нажатия кнопки Отмена 





После прохождения пользователем аутентификации заставить появиться диа- 
логовое окно для аутентификации уже не удастся до тех пор, пока пользователь 
не закроет и не откроет снова все окна браузера, поскольку браузер будет посто- 
янно возвращать РНР-программе имя пользователя и пароль. Чтобы при изучении 
этого раздела испытать все возможные режимы работы, может потребоваться 
несколько раз закрыть и снова открыть ваш браузер. Проще всего добиться же- 
лаемого результата, открыв для запуска этих примеров новое отдельное окно, 
и тогда не придется закрывать весь браузер. 





Теперь проверим допустимость пользовательского имени и пароля. Для добавле- 
ния этой проверки вносить большие изменения в код примера 12.1 не придется: 
нам нужно лишь изменить прежнее приветственное сообщение и превратить его 
в проверку правильности имени пользователя и пароля, за которой последует 
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приветствие. Неудачная аутентификация вызовет отправку сообщения об ошибке 
(пример 12.2). 


Пример 12.2. РНР-аутентификация с проверкой вводимой информации 


<?рһр 
$иѕегпаме = 'айтіп'; 
$раѕѕмога = '1ефте1т'; 


1+ (1ѕѕе($ ЅЕКМЕК[ 'РНР_АОТН_ЏЅЕК']) && 
іѕѕе+($ ЅЕКМЕК[ 'РНР_АИТН_РИ'1)) 


{ 
1+ ($ $ЕВУЕВ[ 'РНР_АУТН_У$5ЕВ'] === Физегпате && 
$ ЅЕКМЕК[ "РНР_АЧТН_РИ'] === $раѕѕмога) 
есһо "Регистрация прошла успешно"; 
е15е діе("Неверная комбинация имя пользователя — пароль"); 


} 


е1ѕе 


{ 


һеадег ( 'Мим-Аиһепёісаёе: Ваѕіс геа1т="Кеѕїгісіеа Агеа"'); 
һеадег( '"НТТР/1.0 401 Шпаиһогіғеа'); 
аіе ("Пожалуйста, введите имя пользователя и пароль"); 


} 


?> 


При сравнении имен пользователей и паролей используется не оператор равенства 
(==), а оператор тождественности (===). Дело в том, что нами ведется проверка на 
полное соответствие одного значения другому. Например 'ёе123' == 'де456', и это 
неподходящее соответствие ни для имени пользователя, ни для пароля. 


Теперь у нас есть механизм аутентификации пользователей, но только для одного 
имени пользователя и пароля. К тому же пароль появляется в файле РНР в виде 
простого текста, и если кому-нибудь удастся взломать ваш сервер, он тут же вскроет 
и пароль. Поэтому рассмотрим более подходящий способ работы с именами поль- 
зователей и паролями. 


Сохранение имен пользователей и паролей 


Безусловно, самым естественным способом сохранения имен пользователей и паро- 
лей будет задействование МуЅ0]І.. Но опять-таки хранить пароли в виде простого 
текста не хочется, поскольку, если база данных будет взломана, сайт подвергнется 
опасности. Вместо этого будет использован тонкий прием с применением так на- 
зываемой односторонней функции. 


Функции этого типа просты в использовании и способны превращать строку текста 
в строку, напоминающую набор произвольных символов. Односторонние функции 
невозможно применять в обратном направлении, поэтому производимая ими вы- 
ходная информация может безопасно храниться в базе данных и ее похититель 
ничего не узнает об используемых паролях. 
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В предыдущем издании этой книги для обеспечения безопасности данных реко- 
мендовалось использовать алгоритм хеширования МО5. Но времена меняются, 
и теперь считается, что алгоритм МО5 легко поддается взлому, поэтому его при- 
менение не обеспечивает должной безопасности. И даже рекомендуемый ранее ему 
на замену алгоритм ЅНА-1, по-видимому, также может быть взломан. 


Поэтому теперь, когда практически повсеместно минимальным стандартом яв- 
ляется применение РНР 5.5, я перешел к использованию встроенной функции 
хеширования, которая проводит обработку куда более безопасно и аккуратно. 


В прежние времена для безопасного сохранения пароля к нему нужно было 
добавлять произвольные данные, то есть дополнительные символы, которые 
не вводились пользователем (чтобы его завуалировать еще больше). Затем нужно 
было пропускать полученный результат через одностороннюю функцию, чтобы 
превратить его в, казалось бы, случайный набор символов, трудно поддающийся 
взлому. 


Например, выполнение следующего кода (который при нынешнем быстродействии 
и эффективности современных графических процессоров уже не обеспечивает 
должного уровня безопасности): 


есһо Па$П('г1рем@128', '5а14$4г1пётура$змога'); 


приведет к выводу на экран такого значения: 


9е68еб9584+182е54505489е6928741е7 


Следует запомнить, что подобный метод не рекомендуется использовать ни в коем 
случае. Считайте это примером того, как не нужно делать, поскольку это небезопас- 
но. И вместо этого, пожалуйста, прочтите следующие разделы. 


Функция раѕѕуога_һаѕһ 


Начиная с версии 5.5, в РНР появился куда более эффективный способ добавления 
произвольных данных с созданием хешированного пароля: применение функции 
раѕѕиога һаѕһ. Чтобы заставить функцию выбрать наиболее безопасную на данный 
момент функцию хеширования, следует в качестве ее второго (обязательного) 
аргумента указать РАЗЗМОВО_РЕЕАЦЕТ. Функция раѕѕмога һаѕһ выберет также для 
каждого пароля произвольные данные. (Не пытайтесь добавить от себя допол- 
нительные произвольные данные, поскольку это может подорвать безопасность 
алгоритма.) Следующий код: 


есһо раѕѕмоға һаѕһ( "тураѕѕмога", РАЗЗМОКО_РЕРАЧЕТ); 


возвратит показанную ниже строку, включающую произвольные данные и всю 
информацию, необходимую для проверки допустимости пароля: 


$2у$10$кӨҮү15оС2аттсазиКС+Воёевсіх1м92х0554РЕЁЬ5к222Е0оІКХВ+ЬС 
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Разрешая РНР выбрать для вас алгоритм хеширования, нужно позволить воз- 
вращаемому хешу со временем увеличиваться в размере по мере повышения 
уровня безопасности. Разработчики РНР рекомендуют сохранять хеши в поле 
базы данных, способном расширяться как минимум до 255 символов (даже если 
сейчас средней используемой длиной является 60-72 символа). При желании 
можно вручную выбрать алгоритм ВСКУРТ, чтобы гарантированно ограничить 
длину хеш-строки 60 символами, для чего использовать в качестве второго 
аргумента функции константу РАЗЗ\М/ОВО_ВСКУРТ. Но я не рекомендую делать 
этого без особо веских причин. 








Для дальнейшего определения порядка вычисления хешей можно указать пара- 
метры (в виде необязательного третьего аргумента), например затраты или объем 
процессорного времени, распределяемого на хеширование (чем больше времени, 
тем выше безопасность, но медленнее сервер). По умолчанию параметр затрат 
определяется числом 10, которое является минимально возможным при исполь- 
зовании алгоритма ВСКҮРТ. 


Чтобы не отпугнуть вас излишней информацией, ограничусь тем минимумом, 
который необходим для безопасного сохранения хешей паролей без чрезмерных 
затрат, поэтому за более подробными сведениями о доступных вариантах можно 
при желании обратиться к соответствующей документации, находящейся по 
адресу Ир: //рнр.пе/разз\мога-пазй. Вы можете даже выбрать свои собственные 
подмешиваемые произвольные данные (хотя начиная с версии РНР 7.0 такой 
прием не приветствуется из-за недостаточной безопасности, так что не стоит 
и пытаться). 


Функция раз$мога_мегКу 


Для проверки соответствия пароля хешу следует воспользоваться функцией 
раѕѕмога уегі+у, передав ей строку пароля, только что введенную пользователем, 
и значение сохраненного хеша для пользовательского пароля (как правило, из- 
влекаемое из вашей базы данных). 


Итак, при условии, что ваш пользователь ранее ввел весьма примитивный с точки 
зрения безопасности пароль тураѕѕиога и у вас уже есть строка хеша этого пароля 
(с того времени, когда пользователь создал свой пароль), сохраненная в перемен- 
ной фһаѕһ, вы можете проверить их взаимное соответствие: 


1+ (раѕѕмога мегі+у("тураѕѕмога", Фһаѕһ)) 
есһо "Подходящий" ; 


Если для хеша предоставлен правильный пароль, функция раззмога_мег1у вернет 
значение ТКЏЕ и показанная здесь инструкция 1+ выведет на экран слово Подходящий. 
Если пароль не будет соответствовать хешу, будет возвращено значение ҒАІЅЕ и вы 
попросите пользователя повторить попытку. 
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Пример программы 


Посмотрим на совместную работу этих функций в сочетании с МуЗОГ. Сначала 
нужно создать новую таблицу для хранения хешей паролей, поэтому наберите 
код программы, показанной в примере 12.3, и сохраните его в файле с именем 
ѕеёириѕегѕ.рһр (или загрузите этот файл с сопровождающего книгу сайта), а затем 
откройте этот файл в своем браузере. 


Пример 12.3. Создание таблицы иѕегѕ и добавление к ней 
двух учетных записей 


<?рһр // ѕеёириѕегѕ.рһр 
геди1ге_опсе '1оріп.рһр'"; 
$соппесЕ1оп = пем туѕд11($һп, Фип, Фрм, $945); 


1+ ($соппес1оп->соппес®_еггог) 41е("Рафа1 Еггог"); 


$ачегу = "СКЕАТЕ ТАВІЕ иѕегѕ ( 
Фогепате МАКСНАК (32) МОТ МУ, 
зигпате \УАВСНАВ(32) МОТ МОЕ, 
иѕегпате \/АВСНАВ (32) МОТ МУЕЕ ОМІООЕ, 
раѕѕмога МАКСНАК (32) МОТ МОШ 

)"; 


$гези1 = $соппес1оп->аиегу($ачегу); 
1+ (!$геѕи1%) а1е("Рафа1 Еггог"); 


$Ғогепате = 'В111'; 

$зигпате = 'Ѕті+һ'; 

$изегпаме = 'Б5т1П'; 

$раѕѕмога = 'туѕесгеї'; 

$һаѕһ = раѕѕмога һаѕһ(%раѕѕмога, РАЅ5МОКЮ РЕҒАШІТ) ; 


ааа иѕег(Фсоппесёіоп, $Ғогепате, $зигпате, Физегпате, Фһаѕһ); 


$Ғогепате = 'Раи1іпе'; 

$ѕигпаме = 'Јопеѕ'; 

$иѕегпате = 'рјопеѕ'; 

$раѕѕмога = ‘'асгоБа*'; 

$һаѕһ = раѕѕмога һаѕһ(Фраѕѕмога, РАЅ5МОКЮ РЕҒАШІТ) ; 


ааа иѕег(Фсоппесёіоп, $Ғогепате, $зигпате, Физегпате, Фһаѕһ); 


Ғипсбіоп ааа иѕег(Фсоппесёіоп, $+п, $зп, Фип, $ри) 
{ 
$5ЕщЕ = фсоппесбіоп->ргераге('ІМЅЕКТ ТМТО изег$ МАЕИЕ$(?,?,?,?)'); 
$4 ->64па_рагат( '$5$$', $#п, $5п, $ип, $рм); 
$54 ->ехесие(); 
$$ЕтЕ->с105е(); 
?> 
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Программа создаст в вашей базе данных риб11са1оп$ (или в той базе данных, 
на которую вы настроились в файле 1овіп.рһр в главе 10) таблицу изег$. В этой 
таблице будут созданы два пользователя — ВИ Ѕтіћ и Раџііпе Јопеѕ с именами поль- 
зователей и паролями бѕтіёћ — музесге{ и рјопеѕ — асгобаї соответственно. 


Теперь, используя данные, имеющиеся в этой таблице, мы можем модифицировать 
код примера 12.2 для вполне приемлемой аутентификации пользователей. Необ- 
ходимый для этого код показан в примере 12.4. Наберите этот код или загрузите 
соответствующий файл с сопровождающего книгу сайта, сохраните его в файле 
аиќћепёіса+е.рһр и вызовите эту программу в своем браузере. 


Пример 12.4. РНР-аутентификация с использованием Му5ОЕ 


<?рһр // аипепЕ1саже.рир 
геди1ге_опсе '1оріп.рһр'; 
$соппесЕ1оп = пем туѕд11($һп, Фип, $ри, $46); 


1+ ($соппесЕ1оп->соппес_еггог) діе("Ғаба1 Еггог"); 


1+ (155е%($_5ЕВ\ЕВ[ 'РНР_АУТН_У$5ЕВ']) && 
іѕѕе($ ЅЕКМЕК[ 'РНР_АУТН_РИ'])) 
{ 
фип Ғетр = туѕд1 епїіїіеѕ Ғіх ѕ1гіпе (Фсоппесіоп, $_$ЕВ\МЕВ[ 'РНР_АОТН_0ЅЕК ']); 
фрм +етр = туѕд1 еп+іїіеѕ Ғіх ѕігіпе (Фсоппесіоп, $ ЅЕКМЕВ[ 'РНР_АЦТН_РИ']); 
фачегу = "ЅЕГЕСТ * ЕВОМ иѕегѕ МНЕВЕ иѕегпате= ' $ип_Ғетр'"; 
$гези1 = $соппес+іоп- >диегу($аиегу); 


1+ (!Фгеѕи1+) 91е("Узег поё +оипа"); 
е1ѕеіҒ (Фгеѕи1+->пит гомѕ) 


{ 
$гом = фгеѕи1+->Ғесһ аггау(МүѕЅ0іІ МОМ); 


фгеѕи1+->с1оѕе(); 


1+ (раѕѕмога мегіғу (Фры +етр, $гом[3])) есһо 
һёт1ѕресіа1сһагѕ("фгом[6е] $гом[1] : 
Ні $гом[0], уои аге пом 1орвей іп аѕ '$гошм[2]'"); 
е15е ӣіе("Неверная комбинация имя пользователя — пароль"); 
} 
е15ѕе 41е("Неверная комбинация имя пользователя — пароль"); 
} 
е15е 
{ 
һеадег ( 'мим-АиЕРепЕ1сафе: Ваѕіс геа1т="Кеѕігісіеа Агеа"'); 
реааег ( "НТТР/1.0 401 Џпаи&һогіғеа'); 
аіе ("Пожалуйста, введите имя пользователя и пароль"); 


} 


$соппес1оп->с10$е(); 


ФипсЕ1оп ту$а1_еп11е$_41х_54г1п5($соппес1от, $$%г1пв) 
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{ 
} 


гефигп Һт1епті+іеѕ (туз91_41х_$54г1п8($соппесЕ1оп, $$%г1п5)); 


Ғипсёіоп муѕ91 _Ғіх_ѕёгіпе($соппес+іоп, $$%г1п8) 

{ 
1+ (ре таріс диобеѕ врс()) %5їгіпе = ѕ6гірѕ1аѕһћеѕ (фѕ1гіпв); 
гефигп $соппесіоп->геа1 _еѕсаре_ѕ&гіпр(%ф51гіпр); 


} 


?> 





При НТТР-аутентификации применение функции раѕѕумога_хегіѓу с паролями, 
прошедшими хеширование с помощью алгоритма ВСКҮРТ при используемом 
по умолчанию значении затрат, равном 10, приведет к замедлению примерно 
в 80 мс. Это замедление послужит барьером для атакующих, не позволяющим им 
предпринять попытку взлома пароля на максимальной скорости. Из-за этого за- 
медления НТТР-аутентификация не считается приемлемым решением для слишком 
нагруженных сайтов, где вы, наверное, отдадите предпочтение использованию 
сессий (которые рассматриваются в следующем разделе). 








Рост объема кода в некоторых приводимых в книге примерах, наверное, вполне 
соответствует вашим ожиданиям. Но переживать по этому поводу не стоит. 
Последние 10 строк — не что иное, как пример 10.21, который уже встречался 
в главе 10. Эти строки присутствуют здесь для выполнения очень важной задачи — 
обезвреживания введенных пользователем данных. 


В настоящий момент практический интерес для вас должны представлять только 
те строки, которые выделены полужирным шрифтом. Они начинаются с присва- 
ивания значений двум переменным — $ип_%етр и фри етр — с использованием 
отправленных имени пользователя и пароля. Затем выдается запрос к МузОТ. на 
поиск пользователя с именем $ип_\етр и, если будет возвращен результат, значение 
его первой строки присваивается переменной $гом. Поскольку имя пользователя 
уникально, возвращена будет только одна строка. 


Теперь остается лишь сравнить значение хеша, хранящееся в базе данных в четвер- 
том столбце, который при начале отсчета с нуля соответствует столбцу 3. В элементе 
фгом[3] содержится предыдущее хеш-значение, вычисленное функцией ра$змога_ 
һаѕһ при создании пользователем пароля. 


Если хеш и только что предоставленный пользователем пароль проходят проверку, 
функция раззмог4_мег1+у возвращает ТКОЕ, и выдается строка приветствия, в кото- 
рой содержится обращение к пользователю по его настоящему имени (рис. 12.4). 
В противном случае выдается сообщение об ошибке. 


Вы можете самостоятельно испытать эту программу в работе, вызвав ее в браузе- 
ре и набрав имя пользователя Ьѕті+ћ и пароль музесге* (или набрав пару рјопеѕ 
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и асгоБа®), то есть те значения, которые были сохранены в базе данных программой 
из примера 12.3. 
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ВИ Эй: Привет, ВШ, теперь Вы зарегистрированы под именем ‘эпи’ 








Рис. 12.4. Аутентификация пользователя ВИ Ѕтіћ прошла успешно 








Обрабатывая входные данные сразу же после их появления, вы заблокируе- 
те любые атаки, которые проводятся путем внедрения вредоносного НТМЕ-, 
Зауабсире или Му5О!-кода, еще до того, как они будут предприняты, и тогда 
не придется обезвреживать эти данные еще раз. Если пользователь, к примеру, 
задает в пароле такие символы, как < или &, функция ћётіетіїйеѕ превратит их 
в последовательности символов &; или &атр;. Но пока ваш код будет разрешать 
получаемым в конечном итоге строкам быть длиннее предоставленной ширины 
ввода и пока вы неизменно будете пропускать пароли через эту обработку, все 
будет в порядке. 





Использование сессий 


Поскольку ваша программа не может сообщить о том, какие значения были при- 
своены переменным в других программах, или даже о том, какие значения были 
присвоены переменным при ее предыдущем запуске, иногда приходится отслежи- 
вать действия пользователя, переходящего со страницы на страницу. Это можно 
сделать за счет установки в форме скрытых полей, как было показано в главе 10, 
и проверки значений этих полей после отправки формы, но РНР предоставляет 
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более простое, безопасное и действенное решение — сессии. Сессии — это груп- 
пы переменных, которые хранятся на сервере, но относятся только к текущему 
пользователю. Чтобы обеспечить обращение нужных пользователей к нужным 
переменным, для уникальной идентификации этих пользователей РНР сохраняет 
файлы сооКіе в пользовательских браузерах. 


Эти сооКіе имеют значение только для веб-сервера и не могут быть использованы 
для извлечения какой-либо информации о пользователе. Вы можете спросить 
о том, как быть с теми пользователями, которые отключили соокКіе. В наши дни 
каждый, кто отключает сооКіе, не может рассчитывать на получение всей полноты 
предоставляемой информации, и, если обнаружится, что у пользователя отключены 
сооііе, нужно, наверное, проинформировать его, что при желании в полной мере 
воспользоваться преимуществами вашего сайта им нужно включить сооКіе, а не 
пытаться каким-то образом обойти их применение во избежание возникновения 
проблем безопасности. 


Начало сессии 


Чтобы инициировать работу сессии, нужно перед выводом на экран любого кода 
НТМІ. вызвать РНР-функцию ѕеѕѕіоп_ ѕ+агі точно так же, как это делалось 
при отправке сооКіе в процессе обмена заголовками. Затем, чтобы приступить 
к сохранению переменных сессии, им нужно присвоить значения как элементам 
массива $_5Е $5 ТОМ: 


$ 5Е55ІОМ[ 'имя_переменной'] = $переменная_со_значением; 


При последующих запусках программы их значения можно будет снова прочитать, 
воспользовавшись таким кодом: 


$имя переменной = $_5Е$5ТОМ[  'имя_переменной']; 


Предположим, у вас есть приложение, которому всегда нужен доступ к имени и фа- 
милии каждого пользователя в том виде, в котором они сохранены в базе данных 
в таблице иѕегѕ, созданной совсем недавно. Выполним еще одну модификацию 
программы аиёһепёісае.рһр из примера 12.4, чтобы инициировать работу сессии 
сразу же после идентификации пользователя. 


Все необходимые изменения показаны в примере 12.5. Единственное отличие 
касается раздела 1+ (раѕѕмога уегі+у(%рн +етр, %гом[3])), который теперь на- 
чинается с открытия сессии и сохранения в ней четырех переменных. Наберите 
код этой программы (или измените код примера 12.4) и сохраните его в файле 
аиќһепіісате2.рһр. Но пока не запускайте эту программу в браузере, поскольку 
нужно будет создать еще и вторую программу. 


Пример 12.5. Открытие сессии после успешной аутентификации 


<?рһр // аи&һеп&ісаъе2.рһр 
геди1ге_опсе '1оріп.рһр'"; 
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$соппесЕ1оп = пем туѕд11($һп, Фип, $ри, $46); 
1+ ($соппесЕ1оп->соппес_еггог) діе("Ғаба1 Еггог"); 


1+ (іѕѕе($ ЅЕКМЕК[ 'РНР_АЦТН_У5ЕВ']) && 
іѕѕе+($ ЗЕВМЕВ[  'РНР_АИТН_РИ'1)) 
{ 


$ип Фетр = ту$а1_епЕ1{1е$_+11х_5%г1п5($соппесЕ1от, $ ЅЕКМЕК[ "РНР_АЧТН_0$ЕК']); 


$рм Фетр = туѕд1 епііїіеѕ Ғіх ѕїгіпе(Фсоппесіоп, $ ЅЕКМЕК[ "РНР _А0ОТН_РМ']); 
$ачегу = "ЅЕГЕСТ * ЕКОМ иѕегѕ МНЕКЕ иѕегпате= '$ип ёетр'"; 
$геѕи1ї = $соппес&1оп->ачцегу ($ачцегу) ; 


1+ (1$гези1{) аіе( "Пользователь не найден"); 
е15еіҒ ($геѕи1+->пит гомѕ) 
{ 
$гом = $ге$и1+ ->фефсН_аггау (МУЗОЕТ_ МОМ); 
$геѕи1+->с1оѕе(); 
1+ (раѕѕмога мегіғу(%ры Фетр, $гом[3])) 
{ 
Ѕеѕѕіоп_ѕ#агі(); 
$ 5Е55ТІОМ[ 'Ғогепате'] = $гом[6]; 
$ 5Е55ІОМ['ѕигпате'] = $гом[1]; 
есһо һЕт1ѕресіа1сһагѕ("фгон[0] $гом[1] : Привет, $гом[е], 
теперь вы зарегистрированы под именем '$гом[2]'"; 
аіе ("<р><а һге+= ' сопёіпие.рһр'>Щелкните здесь 
для продолжения</а></р>"); 


е1ѕе 41е("Неверная комбинация имя пользователя — пароль"); 


} 


е1ѕе діе("Неверная комбинация имя пользователя — пароль"); 


} 


е1ѕе 


{ 


һеадег ( 'Мим-Аиһепёіса+е: Ваѕіс геа1т="Кеѕёгісёеа Агеа'); 
һеадег( '"НТТР/1.0 401 Шпаиһогіғеа'); 
аіе ("Пожалуйста, введите имя пользователя и пароль"); 


} 


$соппес1оп->с10$е(); 
ФипсЕ1оп ту$а1_еп11е$_41х_54г1п5($соппесЕ1опт, $$%г1п8) 


{ 


геёигп Һтепёі+іеѕ (туѕ91_Ғіх_ 5 &гіпе(фсоппесбіоп, %$5+гіпе)); 


} 


ФипсЕ1оп туѕа1_Ғіх_ ѕгіпе($соппесёіоп, $51гіпв) 


{ 
1+ (ре таріс диоёеѕ ррс()) %ѕ1їгіпе = з&г1р$1азНе$ ($$г1п8); 
гефигп $соппес&іоп->геа1 еѕсаре ѕ1їгіпе(%51+гіпе); 


} 


?> 


К программе также добавлена ссылка Щелкните здесь для продолжения с ОВТ -адресом 
сопёіпие.рћр. Она будет использована для иллюстрации того, как сессия будет 
перенесена на другую программу или веб-страницу РНР-программы. Поэтому соз- 
дайте файл соп1пие.рйр, набрав и сохранив в нем программу из примера 12.6. 
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Пример 12.6. Извлечение переменных сессии 
<?рһр // сопёіпие.рһр 
ѕеѕѕіоп_ѕ&агі(); 


1+ (155е1($ 5Е55ІОМ[ 'Ғогепатме'])) 


{ 
$Ғогепате = $ _5Е55ІОМ[ '{огепаме' ]; 


$зигпате = $ 5Е55ІОМ[ ' ѕигпате' ]; 


есһо "С возвращением, $Ғогепате. <бг> 
Ваше полное имя $Фогепате $зигпате.<6г>"; 


} 


е15е есһо "Пожалуйста, для входа ‹а Пге+=' аџһептісате2.рһр' >щелкните 


здесь</а>."; 
?> 


Теперь можно вызвать в браузере аићепёісаїе2. рһр, после появления приглашения 
ввести имя пользователя Бзт1Н и пароль тузесге{ (или рјопеѕ и асгора+) и щел- 
кнуть на ссылке для загрузки программы сопёіпие.рћр. Когда браузер вызовет эту 
программу, появится результат, аналогичный показанному на рис. 12.5. 
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Рис. 12.5. Поддержка пользовательских данных с помощью сессий 


Сессии искусно ограничивают одной программой весь объемный код, необходи- 
мый для аутентификации и регистрации пользователя. После аутентификации 
пользователя и создания сессии весь остальной программный код действительно 
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упрощается. Нужно лишь вызвать функцию $е$51оп_5%аг* и найти в массиве 
$ 5Е55І0М любые переменные, к которым нужен доступ. 


В примере 12.6 быстрой проверки наличия значения у элемента $ 5Е55ІОМ[ ' Ғогепате' ] 
вполне достаточно для того, чтобы узнать об аутентификации текущего пользо- 
вателя, потому что переменные сессии хранятся на сервере (в отличие от сооКіе, 
которые хранятся на машине браузера) и им можно доверять. 


Если элементу $ 5Е551І0№[ ' Ғогепате'] значение присвоено не было, значит ак- 
тивная сессия отсутствует, и поэтому последняя строка кода в примере 12.6 пере- 
направляет пользователей на страницу регистрации на сайте, которая находится 
в программе аџ&ћепёісаќе2.рћр. 


Завершение сессии 


Обычно, когда пользователю нужно уйти с вашего сайта, наступает момент за- 
вершения работы сессии, для чего, как показано в примере 12.7, можно восполь- 
зоваться функцией зе$$1оп_4егоу. В этом примере предоставляется полезная 
функция для полного уничтожения сессии, выхода пользователя и очистки всех 
переменных сессии. 


Пример 12.7. Полезная функция уничтожения сессии и ее данных 


<?рһр 
ФипсЕ1оп ЯеѕТгоу ѕеѕѕіоп апа аа+а() 


{ 
5е5$10оп_5фаг{(); 
$ 5Е55І0М = аггау(); 
ѕесоокіе(ѕеѕѕіоп пате(), '', Е1те() - 2592000, '/'); 
5е5$10оп_ае$гоу(); 


} 


?> 


Для того чтобы увидеть этот код в действии, можно модифицировать программу 
сопёіпие. рһр, как показано в примере 12.8. 


Пример 12.8. Извлечение переменных сессии перед ее уничтожением 
<?рһр 
ѕеѕѕіоп_ѕФагі(); 


1+ (155е1($ 5Е55ІОМ№[ 'иѕегпате'])) 
{ 


$Ғогепате = $ _5Е55І0М[ 'Ғогепате' ]; 
$зигпате = $ 5Е55ІОМ[ ' ѕигпате' ]; 


аеѕігоу _ѕеѕѕіоп апа _аа+а(); 


есһо һт15ѕресіа1сһагѕ("С возвращением, $Ғогепате. <Ьг> 
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Ваше полное имя $Фогепате $зигпате."); 


} 


е15е есһо "Пожалуйста, для входа ‹а Пге+=' аи пеп1са*е2 .рир' >щелкните 


здесь.</а> "; 


Фипс1оп деѕёгоу ѕеѕѕіоп_ апа Яа+а() 


{ 
$ $Е$$ТОМ = аггау(); 


ѕеісоокіе(ѕеѕѕіоп пате(), '', %1те() - 2592000, '/'); 
ѕеѕѕіоп_деѕїгоу(); 


) 


?> 


При первом переходе из аићепёісаќе2.рһр в сопёіпие.рһр будут выведены все 
переменные сессии. Но если после этого нажать в браузере кнопку обновления 
страницы, в результате предшествующего этому вызова функции аеѕёгоу ѕеѕѕіоп_ 
апа _да+а сессия уже будет уничтожена и появится приглашение вернуться на 
страницу регистрации. 


Установка времени ожидания 


Есть и другие причины, по которым может потребоваться самостоятельное за- 
крытие пользовательской сессии, например, если пользователь забыл зарегистри- 
роваться или проигнорировал этот процесс и нужно, чтобы программа закрыла 
его сессию ради собственной безопасности. Это можно сделать, установив время 
ожидания, по истечении которото, если не предпринять активных действий, про- 
изойдет автоматическое завершение работы. 


Для этого используется функция 1п1_5е*. В данном примере время ожидания 
устанавливается ровно на сутки: 


іпі ѕеї('ѕеѕѕіоп. ес тах1і+Ғеіте', 60 * 60 * 24); 


Если нужно узнать текущее время ожидания, его можно отобразить, воспользо- 
вавшись следующим кодом: 


есһо іпі реї('ѕеѕѕіоп.вс тах1іҒеіме'); 


Безопасность сессии 


Все мои прежние заверения в том, что после аутентификации пользователя и на- 
чала сессии можно спокойно предположить, что переменные сессии заслуживают 
доверия, не вполне соответствуют действительности. Дело в том, что для вскрытия 
идентификаторов сессий, передаваемых по сети, можно организовать анализ паке- 
тов — раскеё зп пя (перехват набора данных). Кроме того, если идентификатор 
(10) сессии передается в области СЕТ-запроса ОВІ -адреса, он может появиться 
в файлах регистрации внешних сайтов. 
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Единственный по-настоящему безопасный способ предотвращения вскрытия за- 
ключается в применении протокола защищенных сокетов — Ѕесите ЅосКеѓ Гауег 
(551) — и запуске веб-страниц, использующих вместо протокола НТТР протокол 
НТТР$. Эта тема выходит за рамки данной книги, но за подробностями настроек 
безопасности веб-сервера можно обратиться к документации АрасВе по адресу 
Һ&р://іпуий.сот/арасһей5. 


Предупреждение хищения сессии 


Когда применение 551. не представляется возможным, можно продолжить аутен- 
тификацию пользователей за счет хранения наряду с остальными сведениями 
их ІР-адресов. Для этого нужно при сохранении их сессии добавить следующую 
строку кода: 


$ 5ЕЅ5ТОМ['ір'] = $ ЅЕКМЕК[ ' ВЕМОТЕ_АРрЕ ']; 


Затем в качестве дополнительной меры контроля при любой загрузке страницы 
и доступности сессии проводится следующая проверка, которая при несоответ- 
ствии текущего ІР-адреса сохраненному вызывает функцию аі+Ғегепё_иѕег: 


1+ ($ 5Е551І0№[ '1р'] != $ ЅЕКУЕК[ 'КЕМОТЕ_АОБОВ']) аіғҒегеп_иѕег(); 


Какой код будет у функции а1++егеп*_изег — решать вам, но я рекомендую либо 
удалить текущую сессию и попросить пользователя пройти повторную регистра- 
цию вследствие технической ошибки, либо, если у вас есть электронный адрес 
пользователя, отправить ему ссылку на подтверждение его личности, что позволит 
ему сохранить все данные в сессии. Больше ни о чем сообщать не нужно, иначе 
произойдет утечка потенциально ценной информации. 


Разумеется, нужно принимать в расчет, что пользователи, работающие через один 
и тот же прокси-сервер или использующие одинаковые общие ІР-адреса в до- 
машней или офисной сети, будут иметь один и тот же ТР-адрес. Если это вызовет 
проблему, нужно опять обратиться к протоколу НТТР$. Можно также сохранить 
копию браузерной строки агента пользователя (той самой строки, которую разра- 
ботчики помещают в свои браузеры, для того чтобы идентифицировать их по типу 
и версии), с помощью которой также возможно отличить пользователей друг от 
друга благодаря существованию широкого выбора типов, версий и компьютерных 
платформ (хотя это далеко не идеальное решение, и при автообновлении браузера 
строка претерпит изменения). Для сохранения агента пользователя можно ввести 
следующий код: 


$ 5Е55ТОМ[ 'иа'] = $ _ЗЕВ\ЕВ[ 'НТТР_9$ЕВ_АбЕМТ' ]; 


А для сравнения текущей строки агента-пользователя с сохраненной можно вос- 
пользоваться таким кодом: 


1+ ($ 5Е$5ТОМ[ 'иа'] != $_5ЕКУ\ЕК[ 'НТТР_У$ЕВ_АбЕМТ' ]) аі+ғегепё иѕег(); 
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Или, что еще лучше, можно объединить эти две проверки и сохранить их комбина- 
цию в виде шестнадцатеричной строки, получаемой от функции һаѕћ: 


$ 5Е55ІОМ[ 'сһеск'] = һаѕһ('гірет128',$ ЅЕКМЕК[ 'ВЕМОТЕ_АБОК'] . 
$ ЅЕКМЕК[ "НТТР _ЏЅЕК_АСЕМТ']); 


Затем для сравнения текущей и сохраненной строк можно применить такой код: 


1+ ($ 5Е55ІОМ[ 'сһеск'] != һаѕһ('гірет128',$ ЅЕКМЕК[ 'ВЕМОТЕ_АООК'] . 
$ ЅЕКМЕК[ "НТТР ОЅЕК_АСЕМТ'])) аіҒҒегеп_иѕег(); 


Предотвращение фиксации сессии 


Фиксация сессии возникает, когда сторонний злоумышленник получает верный 
идентификатор сессии (который может быть сгенерирован сервером) и заставляет 
пользователя аутентифицироваться с этим идентификатором сессии. Это проис- 
ходит в том случае, если атакующий злоумышленник пользуется возможностью 
передачи идентификатора сессии в области СЕТ-запроса ОКІ -адреса, например 
таким образом: 


һер: / /уоигѕегуег. сот/аиһептіса+е.рһр? РНР5Е5510=123456789 


В данном случае серверу будет передан вымышленный ІР сессии 123456789. 
А теперь рассмотрим пример 12.9, код которого восприимчив к фиксации сессии. 
Чтобы увидеть его в действии, наберите текст примера и сохраните его в файле 
5е551опе${.рИр. 


Пример 12.9. Сессия, восприимчивая к фиксации сессии 
<?рһр // зе$$1опфе$*.рИир 
5е5$10п_$5{аг*(); 


1+ (!155е+(% 5Е55ІОМ[ 'соџпЁ'])) $ 5Е55ІОМ[ 'соипї'] = е; 
е15е ++$ 5Е55ІОМ[ ' соип* ' ]; 


есһо $ 5Е55ІОМ[ ' соип*']; 
2> 


После того как код будет сохранен, вызовите программу в вашем браузере, ис- 
пользуя следующий О ВТ, (предваряя его правильным путевым именем, например 
ћір://Лосаіћоѕ): 


ѕеѕѕіопёеѕ+.рһр?РНР5Е5510=1234 


Через некоторое время, нажав кнопку обновления страницы, вы увидите уве- 
личение значения счетчика. Теперь попробуйте ввести в браузер следующий 
ОВГ-адрес: 


5е5$$1оп%е$+ .рир?РНРУЕ$$ТО=5678 
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Несколько раз нажмите кнопку обновления страницы, и вы увидите, что счет опять 
начался с нуля. Оставьте показания счетчика на номере, отличающемся от его по- 
казаний при использовании первого ОКІ -адреса, вернитесь на первый О ВТ-адрес 
и посмотрите на то, как показания счетчика вернулись к первоначальному значе- 
нию. Вы по собственному усмотрению создали две разные сессии и без особого 
труда можете создать их в любом количестве. 


Особая опасность этого подхода состоит в том, что затеявший атаку злоумышлен- 
ник может попытаться распространить такие ОКІ-адреса среди ничего не подо- 
зревающих пользователей, и если кто-нибудь из них перейдет по ссылкам с этими 
адресами, атакующий сможет вернуться и перехватить любую сессию, которая 
не была удалена или срок действия которой еще не истек! 


С целью предотвращения фиксации сессии нужно как можно быстрее воспользо- 
ваться для изменения Ір сессии функцией ѕеѕѕіоп певепегаїте іа. Она сохраняет 
значения всех переменных текущей сессии, но заменяет ІШ сессии новым, о кото- 
ром не может знать атакующий. 


Для этого при получении запроса проверьте факт существования специальной 
переменной сессии, которую вы выдумали произвольным образом. Если ее не су- 
ществует, вы будете знать, что создана новая сессия, поэтому вы просто меняете 
ІР” сессии и устанавливаете значение ее специальной переменной, позволяющей 
заметить изменение. 


В примере 12.10 показано, как может выглядеть код, использующий переменную 
сессии іпі+іаќеа. 


Пример 12.10. Регенерация сессии 


<?рһр 
ѕеѕѕіоп_ ѕёагї(); 


1+ (!155е1($ 5Е55ІОМ[ 'іпібіа+еа'])) 
{ 


ѕеѕѕіоп_ герепегате іа(); 
$ ЅЕЅ5ІОМ[ 'іпі+іаёеӣ'] = 1; 
} 


1+ (!155е1($ 5Е55ІОМ[ 'соип&'])) % 5Е5510№[ 'соип'] = е; 
е15е ++ф 5Е55І0ОМ[ 'соипЁ']; 


есһо $ 5Е55ІОМ[ ' соип* ' ]; 
?> 


Атакующий может вернуться на ваш сайт, используя любые сгенерированные им 
Г-номера сессии, но ни один из них не приведет к вызову другой пользовательской 
сессии, поскольку все они будут заменены регенерированными ГШ-номерами. 
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Преднамеренная настройка на сессии, использующие 
исключительно соокКіе 


Если вы собираетесь потребовать от своих пользователей включить сооКіе при 
просмотре ваших сайтов, то можете обратиться к функции іпі _е*: 


іпі ѕеї('ѕеѕѕіоп.иѕе оп1у соокіеѕ', 1); 


С такой настройкой трюк с ?РНРЅЕ551р= будет полностью проигнорирован. Если 
вы воспользуетесь этой мерой безопасности, я также рекомендую проинформиро- 
вать ваших пользователей о том, что для работы с вашим сайтом требуются сооКіе 
(но только если они отключили сооКіе), чтобы те знали причину, по которой им 
не удается получить требуемые результаты. 


Использование общего сервера 


Если вы делите общий сервер с владельцами других учетных записей, то вам навер- 
няка не захочется, чтобы все данные ваших сессий хранились в том же каталоге, где 
хранятся данные других пользователей. Вместо этого нужно выбрать для хранения 
ваших сессий каталог, доступный только пользователю с вашей учетной записью 
(и поэтому невидимый в сетевом окружении). Для этого придется ближе к началу 
программы поместить вызов функции іпі_ѕеї: 


111 ѕеї('ѕеѕѕіоп.ѕаме раһ', '/һоме/иѕег/туассоипЁ/ѕеѕѕіопѕ'); 


В результате такой настройки конфигурации новое значение будет сохраняться 
лишь на время выполнения программы, а как только она завершит свою работу, 
будут возвращены исходные настройки. 


Папка с данными сессий будет быстро заполняться, и в зависимости от занятости 
вашего сервера может потребоваться ее периодическая очистка от данных устаре- 
вших сессий. Чем чаще она будет использоваться, тем реже будет возникать жела- 
ние хранить данные сессий. 





Следует помнить о том, что ваши сайты могут и будут подвергаться попыткам 
взлома. Существуют так называемые боты (Боѓѕ), или сетевые автоматические 
программы, будоражащие Интернет попытками отыскать уязвимые для атак сайты. 
Поэтому, что бы вы ни делали, если в своей программе вы проводите какую-либо 
обработку данных, не имеющих стопроцентной гарантии безопасности, к ним 
нужно относиться с предельной осторожностью. 








Теперь, когда вы в достаточной степени усвоили и РНР, и МуЗОТ, настало время 
предложить вам в следующей главе введение в язык ]ауазст!ре — третью основную 
технологическую составляющую, рассматриваемую в данной книге. 
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Вопросы 


1. 


Почему сооіе должны быть переданы в начале работы программы? 
Какая РНР-функция сохраняет соое на машине браузера? 
Как можно удалить сооКіе? 


Где в РНР-программе сохраняются имя пользователя и пароль при использо- 
вании НТТР-аутентификации? 


Почему функция ра$$мога_пазй считается мощным средством защиты? 
Что подразумевается под «посыпанием солью» (зат) строки? 

Что такое РНР-сессия? 

Как инициируется РНР-сессия? 

Что такое хищение сессии? 


Что такое фиксация сессии? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Изучение Зауа$сире 


ЈауаЅсгірё придает вашим сайтам динамическую функциональность. Когда вы ви- 
дите, как при прохождении указателя мыши над каким-нибудь элементом браузера 
что-нибудь выделяется, появляется новый текст, изменяется цветовое оформление 
или изображение, вы должны понимать, что все это делается с помощью ЈауаЅсгірі. 
Этот язык предлагает такие эффекты, которых нельзя достичь никакими другими 
средствами, поскольку он запускается внутри браузера и имеет непосредственный 
доступ ко всем элементам веб-документа. 


Впервые ]ауасг!рё появился в браузере Меёзсаре №ауіваѓог в 1995 году наряду 
с добавлением поддержки ]ауа-технологии. Поскольку изначально сложилось 
неверное представление о том, что Јауа$Ѕсгірё был побочным продуктом Јауа, воз- 
никло устойчивое заблуждение об их взаимосвязанности. Но такое название было 
всего лишь удачным маркетинговым ходом, призванным помочь новому языку 
сценариев получить преимущества за счет той популярности, которой пользовался 
язык программирования Јауа. 


Когда НТМТ-элементы веб-страницы обрели более четкое, структурированное 
определение в так называемой объектной модели документа — РОМ (Юоситепё 
ОБесе Мойе]), язык ЈауаЅсгірё получил еще большие возможности. Объектная 
модель документа позволила относительно просто добавлять новый абзац или 
сфокусироваться на какой-нибудь части текста и внести в нее изменения. 


Поскольку как в ЈауаЅсгірё, так и в РНР поддерживаются многие элементы синтак- 
сиса структурного программирования, используемые в языке программирования С, 
эти два языка очень похожи друг на друга. Оба относятся к языкам высокого уров- 
ня. К примеру, у них весьма слабая типизация, позволяющая легко приводить пере- 
менную к новому типу данных лишь за счет применения ее в новом контексте. 


После знакомства с РНР язык ЈауаЅсгірї должен восприниматься еще проще. И его 
изучение принесет вам несомненное удовольствие, поскольку этот язык является 
основой технологии асинхронного обмена данными, которая (наряду со свойствами 
НТМІ5) предоставляет гибко подстраивающийся пользовательский интерфейс, 
востребованный в наши дни опытными веб-пользователями. 
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Зауа$сире и текст НТМЕ 


Јаха$сгіріё является языком сценариев, который работает исключительно на сто- 
роне клиента внутри браузера. Для вызова этого языка код помещается между 
открывающим и закрывающим НТМТ-тегами <ѕсгірё> и </ѕсгірі>. Типовой до- 
кумент Нео Ұогіа, созданный на НТМТ. 4.01 с применением ЈауаЅсгірё, может 
иметь вид, показанный в примере 13.1. 


Пример 13.1. Фраза Неіо Мога, отображаемая с помощью ЈауаЅсгірі 


<һЕм1> 
<һеаа><+і1Іе>Не110о Мог1а</+{1{1е></НеаЯ> 
<Боду> 
<5сг1рф +уре="Жех+/јауаѕсгірї" > 
Чоситепт .мг1{е ("Не11о Мог1а") 
</5сг1ре> 
<поѕсгірі»> 
Ваш браузер не поддерживает Јауаѕсгірі, или его поддержка отключена 
</поѕсгірї»> 
</боау> 
</ћЕт1> 








Вам могут встретиться веб-страницы, в которых используется не рекомендуемый 
в наши дни НТМі-тег <ѕсгір Іапдиаде="јауаѕсгірі">. В данном примере применя- 
ется более современный и предпочтительный тег <5сгірї іуре= "ехі/јауаѕсгірї"> 
или же, если хотите, просто сам тег <5сгірї>. 








Внутри тегов <$сг1р&> находится всего одна строка кода ЈауаЅсгірї, в которой ис- 
пользуется команда доситеп* .иг{е, являющаяся эквивалентом РНР-команды есһо 
или команды ргіпё. Как и следовало ожидать, она просто выводит предоставленную 
ей строку в текущий документ при его отображении на экране. 


Можно было также заметить, что, в отличие от РНР, в этой команде отсутствует 
замыкающая точка с запятой (;). Причина в том, что в ЈауаЅсгірё действием, экви- 
валентным действию точки с запятой, обладает символ новой строки. Тем не менее 
если потребуется разместить в одной строке более одной инструкции, то после каж- 
дой инструкции, кроме последней, нужно ставить точку с запятой. Разумеется, при 
желании можете ставить точку с запятой после каждой инструкции. Это нисколько 
не помешает работе Јауа$сгірі. 


В этом примере следует также обратить внимание на пару тегов <поѕсгірё> 
и </поѕсгірё»>. Они используются в том случае, когда требуется предоставить 
альтернативный НТМІ. пользователям, на чьих браузерах ЈауаЅсгірї не поддержи- 
вается или отключен. Эти теги применяются по вашему усмотрению и не явля- 
ются обязательными, но будет лучше, если вы ими воспользуетесь, поскольку 
предоставить альтернативу в виде статичного НТМГ. тем операциям, для которых 
применяется Јауа$сгірї, обычно не составляет большого труда. Но в последующих 
примерах, приводимых в книге, теги <‹позсг1р*> будут опускаться, так как основное 
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внимание будет уделяться тому, что можно сделать с использованием ЈауаЅсгірі, 
а не тому, что можно сделать без него. 


Когда загрузится код примера 13.1, на экран браузера с включенным ЈауаЅсгірё 
будет выведен следующий текст (рис. 13.1): 


Не11о Мог1а 


©? Нео Мона 


(>) э ае в @ Іосаіһоѕ/1 З/ехап .. пу» 


Не!о Моа 








Рис. 13.1. Включенный и работающий ЈауаЅсгірі 


А те браузеры, на которых ЈауаЅсгірё отключен, выведут сообщение, как на рис. 13.2. 


©? нео Мона 


(©) > а 0 @ Іосаіһоѕ/1 З/ехап .. пу» 


Ваш браузер не поддерживает ГазаЗсир!, или его поддержка отключена 








Рис. 13.2. Јауабсгірї отключен 


Јауабсгірї и текст НТМ. 349 





Использование сценариев в заголовке документа 


Сценарий можно вставить не только в тело документа, но и в его раздел <Пеаа>, 
являющийся идеальным местом, если нужно выполнить сценарий при загрузке 
страницы. Присутствие в этом разделе какого-нибудь очень важного кода и функ- 
ций обеспечивает также их немедленную готовность к использованию в других 
разделах, имеющих сценарии, в том документе, который зависит от их применения. 


Другой причиной для вставки сценария в заголовок документа может быть спо- 
собность ЈауаЅсгірё записывать в раздел <Неа4> такие элементы, как метатеги, 
поскольку то место, куда вставляется сценарий, становится по умолчанию частью 
документа, куда он осуществляет вывод информации. 


Устаревшие и нестандартные браузеры 


Если нужно поддерживать браузеры, не допускающие выполнения сценариев (что 
в наши дни маловероятно), следует воспользоваться НТМТ-тегами комментариев 
(<!--и -->), препятствующими встрече браузеров с кодом сценария, который они 
не должны видеть. В примере 13.2 показано, как эти теги добавляются к коду сценария. 


Пример 13.2. Пример Нео \Мог!а, измененный в расчете на использование браузеров, 
не поддерживающих ЈауаЅсгірі 


<ћет1> 
<һеаа><+і+1е»>Не110 Мог14</&1іТ1е»</һеаа> 
<Боду> 
<5сг1рф фуре="Фех*/]ауазсг1 ре" ><! -- 
Чоситеп* .мг1{е ("Не11о Мог1а") 
// --> 
</ѕсгірЕ> 
</боау> 
</ћёт1> 


В данном примере открывающий НТМТ-тег комментария (<! --) был добавлен 
сразу же после открывающего тега <$сг1рф>, а тег (// -->), закрывающий коммен- 
тарий, — непосредственно перед тегом </ѕсгірі>, который закрывает сценарий. 


Двойной прямой слеш (//) используется в Јауа$сгірі, чтобы показать, что вся осталь- 
ная строка является комментарием. Он присутствует здесь для того, чтобы браузеры, 
поддерживающие Јауа$Ѕсгірѓ, проигнорировали следующий за ним тег - ->, а браузе- 
ры, не поддерживающие ЈауаЅсгірё, проигнорировали идущие в начале символы // 
и обработали тег -->, закрывая тем самым НТМТ-комментарий. 


Хотя такое решение имеет не самый изящный вид, при желании поддерживать 
устаревшие или нестандартные браузеры вам нужно лишь запомнить используемые 
в нем две строки, в которые помещается код ЈауаЅсгірі: 


<5сгірё +уре="+ех+/јамаѕсгірі" ><! - - 

(Здесь должен быть ваш код ЭЗауа$сг1р*...) 
// --> 
</ѕсгірі> 
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Разумеется, пройдет еще несколько лет, и эти комментарии станут не нужны для 
любых выпускаемых браузеров. 





Есть еще два языка сценариев: \/В5сйрЕ, разработанный корпорацией Мсгозо_ 
и основанный на языке программирования \5зиа| Ваѕіс, и Та, представляющий 
собой язык для быстрой разработки прототипов. Их можно вызвать тем же спо- 
собом, что и ЈауаЅсгірі, за исключением того, что при объявлении типа нужно 
указывать {ех/\БзсирЕ и {ех/ «<! соответственно. Язык МВбсгірї работает только 
в Імегпеї Ехрогег вплоть до версии 10, а в последующих версиях применять 
его не рекомендуется; его использование в других браузерах требует загрузки 
дополнительного модуля. Для применения ТА дополнительный модуль нужен 
всегда. Поэтому оба этих языка считаются нестандартными и в данной книге 
не рассматриваются. 








Включение файлов Јауабсгірї 


В дополнение к внесению кода ]ауазст!р непосредственно в НТМТ-документы вы 
можете включать в них файлы с кодом ]ауаЗст!рё или со своего сайта, или из любого 
места в Интернете. Для этого используется следующий синтаксис: 


<5сг1рф фуре="+ех*/]ауазсг1рЕ" $хгс="$сг1ре.]5"></5сг1рф> 
А для извлечения файла из Интернета применяется этот синтаксис: 


<5сг1рф +уре="Фехі/јауаѕсгірї" хгс="Ир: / /зотезегуег . сот/$сг1ре. 5" > 
</5сг1ре> 


В самих файлах сценариев не должно быть никаких тегов <ѕсгірё» или </зсг1рф>, 
поскольку они там не нужны: браузеру и так известно, что будет загружаться файл 
ЈауаЅсгірё. Применение этих тегов в файлах ЈауаЅсгірі приводит к возникновению 
ошибки. 


Включение файлов сценариев — предпочтительный способ использования на ва- 
шем сайте файлов ЈауаЅсгіре, принадлежащих сторонним производителям. 


Параметры #уре='"ехі/јауаѕсгірі" можно не указывать, поскольку все современные 
браузеры по умолчанию предполагают, что сценарий содержит код ЈауаЅсгірї. 








Отладка кода Зауа$сире 


При изучении ]ауаЗ ст! ре очень важно иметь возможность отслеживать набран- 
ный код или выявлять не связанные с ним ошибки программирования. В отличие 
от РНР, который отображает сообщения об ошибках в браузере, ЈауаЅсгіре об- 
рабатывает сообщения об ошибках по-другому, и способ их обработки имеет свои 
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особенности, зависящие от используемого браузера. В табл. 13.1 перечислены 
способы доступа к сообщениям об ошибках ЈауаЅсгірё в самых распространенных 
браузерах. 


Таблица 13.1. Доступ к сообщениям об ошибках ЈауаЅсгірї в различных браузерах 





Браузер Способ доступа к сообщениям об ошибках ЈауаЅсгірї 





АрріІе Ѕаѓагі В Ѕаѓагі нет консоли ошибок, включенной по умолчанию, 

но вы можете включить эту функцию, выбрав в меню пункты 

Ѕаѓагі » Настройки » Дополнения и установив флажок Показывать меню 
«Разработка» в строке меню. Кроме того, предпочтение можно отдать 
Јауа$сгіре-модулю Ешераз Гие (ћСрѕ:/ /сећгеБце.сот//бгеБцејісе), 
который многие считают более простым в использовании 





Соое Сһготе Нажмите сочетание клавиш С++] на РС или Соттап9 +5 А+] 
на Мас 





МісгоѕоЁ Пцегпеё | Нажмите клавишу Е12, чтобы вызвать консоль инструментария 








Ехрогег и Еаэе разработчика ОеуТоо|5 СопѕоЇе 

Мох а Еігеѓох Нажмите сочетание клавиш С1+5 +] на РС или Соттап9 +5 А+] 
на Мас 

Орега Выберите команду Инструменты » Дополнительно » Консоль ошибок 

















Все консоли отличаются друг от друга, поэтому по вопросам особенностей их ис- 
пользования обращайтесь, пожалуйста, к документации разработчиков на веб- 
сайтах соответствующих браузеров. 








Комментарии 


В силу общих наследственных черт, приобретенных у языка программирова- 
ния С, языки РНР и ЈауаЅсгірё имеют много общего и между собой, в частности 
в приемах комментирования кода. В первую очередь это касается однострочных 
комментариев: 


// Это комментарий 


В этой технологии используется пара прямых слешей (//), информирующая 
Јаха$Ѕсгірі о том, что все остальные символы должны быть проигнорированы. А за- 
тем наступает черед многострочных комментариев: 


/* Это раздел 
многострочного 
комментария, 
не подвергаемого 
интерпретации */ 
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Многострочный комментарий начинается с последовательности символов /* и за- 
канчивается символами */. Нужно лишь запомнить, что использовать вложенные 
многострочные комментарии не допускается, поэтому важно убедиться в от- 
сутствии большого закомментированного участка кода, в котором уже имеются 
многострочные комментарии. 


Точка с запятой 


В отличие от РНР, точка с запятой коду ЈауаЅсгірі, имеющему в строке одну 
инструкцию, не требуется. Поэтому следующая строка вполне имеет право на 
существование: 


х += 10 


Но при необходимости иметь в строке более одной инструкции их нужно разделить 
точками с запятыми: 


х += 10; у -= 5; 2 = Ө 


Последнюю точку с запятой можно опустить, поскольку последняя инструкция 
будет завершена символом новой строки. 





В правилах использования точки с запятой есть исключения. Если пишутся 
ОКІ-закладки (Бооктагкіеѓ) ЈауаЅсгірї или инструкция завершается ссылкой на 
переменную или функцию и первый символ расположенной ниже строки явля- 
ется левой круглой или фигурной скобкой, нужно обязательно поставить точку 
с запятой, иначе сценарий ЈауаЅсіїрі даст сбой. Поэтому при любых сомнениях 
нужно ставить точку с запятой. 














Переменные 


В ЈауаЅсгірї нет никаких идентификационных символов переменных, таких как 
знак доллара ($) в РНР. Вместо этого в отношении имен переменных действуют 
следующие правила. 


О Имена переменных могут включать только буквы а-7, А-7, цифры 0-9, сим- 
вол $ и символ подчеркивания (_). 


о Никакие другие символы, включая пробелы или знаки пунктуации, использо- 
вать в именах переменных не допускается. 





О Первым в имени переменной может быть символ из диапазонов а-2, А-7, сим- 
вол $ или символ подчеркивания _ (и никаких цифр). 
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О Имена чувствительны к регистру. Имена СоипЪ, соип и СОУМТ принадлежат трем 
разным переменным. 





О Ограничений на длину имени переменной не существует. 


Вы наверняка обратили внимание на присутствие в этом перечне символа $. 
ЈахаЅсгірі допускает его использование, и он может быть первым символом в име- 
ни переменной или функции. Такая возможность означает, что благодаря этому 
можно переносить на ЈауаЅсгірё большие объемы кода РНР значительно быстрее, 
хотя я не рекомендую применять его в данном качестве. 


Строковые переменные 


В ЈауаЅсгірї значения строковых переменных должны быть заключены либо в оди- 
ночные, либо в двойные кавычки: 


5гее{1т& = "Привет!" 
магпіпе "Осторожно! ' 


В строку в двойных кавычках можно включить одиночную кавычку или же в стро- 
ку в одинарных кавычках можно включить двойную кавычку. Но кавычка того же 
типа должна быть отключена с помощью символа обратного слеша: 


5гее{1т8 = "\"Привет!\" является приветствием" 
магп1п = '\'Осторожно!\' является предупреждением‘ 


Чтобы прочитать значение из строковой переменной, его можно присвоить другой 
переменной: 


пемѕгіпе = о1аѕгіпе 


Или использовать его в функции: 


5фафи$ = "Все системы работают успешно" 
доситепї .мгібе(ѕ+аиѕ) 


Числовые переменные 


Создание числовой переменной сводится к простому присваиванию значения, как 
в следующих примерах: 


соипЁ = 42 
Тетрега+иге = 98.4 


Значения числовых переменных точно так же, как и значения строковых перемен- 
ных, могут быть прочитаны и использованы в выражениях и функциях. 
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Массивы 


Массивы Јауа$сгірі очень похожи на массивы в РНР тем, что они могут содержать 
строковые или числовые данные, а также другие массивы. 


Чтобы присвоить массиву значения, используется следующий синтаксис (с по- 
мощью которого в данном случае создается строковый массив): 


$оу$ = ['Ба', 'Ба11', 'мһіѕ&1е', 'ри221е', '011'] 


Для создания многомерного массива более мелкие массивы вкладываются в более 
крупный. Для создания двумерного массива цветных квадратов, расположенных 
на одной из сторон кубика Рубика (в котором есть следующие цвета: красный (К), 
зеленый (С), оранжевый (О), желтый (У), синий (В) и белый (Ұ) — представлен- 
ные прописными буквами, указанными в скобках), можно воспользоваться таким 
кодом: 


Ғасе = 

[ 
['В', '6', 'У'], 
"и, "8", '0'], 
Г", м", "6'] 


Предыдущий пример был отформатирован так, чтобы было понятно, что именно 
происходит, но его можно переписать и в следующем виде: 


о ор ре, ые, е 


или даже так: 


Фор = [В 6", У") 
тіа = ['и', "К", '0'] 
Боё = ['\', 'м', '6'] 


Ғасе = [+ор, м1а, бо+] 


Для доступа к элементу, расположенному в этой матрице во второй сверху и в третьей 
слева ячейке, нужно воспользоваться следующим кодом (нужно помнить, что по- 
зиционирование элементов массива начинается с нуля): 


аоситеп .мг1{е (Фасе[1][2]) 


Эта инструкция выведет букву 0, означающую оранжевый цвет. 





Массивы Зауа5сйре — это мощная структура, предназначенная для хранения 
данных, поэтому в главе 15 они рассматриваются более подробно. 
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Операторы 


Как ив РНР, операторы в ]ауазст!рё могут использоваться в математических 
операциях, для внесения изменений в строки, а также в операциях сравнения 
и логических операциях (И, ИЛИ ит. д.). Математические операторы ]ауазст!рё 
во многом похожи на обычные арифметические операторы. Например, следующая 
инструкция выводит число 15: 


Яоситеп.мгібе(13 + 2) 


Все разнообразие операторов будет рассмотрено в следующих разделах. 


Арифметические операторы 


Арифметические операторы предназначены для осуществления математических 
операций. Их можно использовать для выполнения четырех основных операций 
(сложения, вычитания, умножения и деления), а также для нахождения модулей 
(остатков от деления) и инкремента (увеличения на единицу) или декремента 
(уменьшения на единицу) значения (табл. 13.2). 


Таблица 13.2. Арифметические операторы 


























Оператор Описание Пример 
+ Сложение ] + 12 

– Вычитание = 22 

Ы Умножение 7 

/ Деление ]/ 3.13 
% Деление по модулю (остаток от деления) ]% 6 

++ Инкремент ++) 

— Декремент ==) 

















Операторы присваивания 


Эти операторы используются для присваивания значений переменным. Их линейка 
начинается простым знаком равенства (=) и продолжается сочетаниями +=, -= ит. д. 
Оператор += добавляет значение, находящееся справа, к переменной, находящейся 
слева, вместо того чтобы целиком заменить значение переменной в левой части. 
Поэтому, если изначально значение переменной соип* было 6, то оператор: 


соп += 1 


установит для нее значение 7 точно так же, как и более привычный оператор при- 
сваивания: 


соп = СОиПЕ + 1 
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В табл. 13.3 перечислены различные операторы присваивания, доступные в ЈауаЅсгірі. 


Таблица 13.3. Операторы присваивания 






































Оператор Пример Эквивалентен оператору 
- ј= 99 ј= 99 

+= ј+=2 1-]+2 

= ] += ‘5ітіпе' ј=ј + '5іпе’ 

== }==12 рэ = 

ж }*= 2 =}*2 

/= ј/=6 ј=1/6 

%= ј%=7 =}%7 














Операторы сравнения 


Операторы сравнения обычно используются с такими конструкциями, как инструк- 
ция 1+, в которой требуется сравнивать два элемента. Например, может потребо- 
ваться узнать, достигло ли значение переменной, подвергаемой автоприращению, 
определенной величины или меньше ли установленной величины значение другой 


переменной ит. д. (табл. 13.4). 


Таблица 13.4. Операторы сравнения 
































Оператор Описание Пример 
== Равно ј== 42 
|= Не равно ј1= 17 

> Больше ]>0 

< Меньше ]< 100 
>= Больше или равно ]>2=23 
<= Меньше или равно ] <= 13 
=== Равно (и того же типа) ј === 56 
1== Не равно (и того же типа) = 











Логические операторы 


У логических операторов Јауа$сгірі, в отличие от РНР, нет эквивалентов апа и ог 
для &8& и | | и отсутствует оператор хог (табл. 13.5). 
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Таблица 13.5. Логические операторы 











Оператор Описание Пример 

&& И =. ея 
|| ИЛИ 3 < 100 [3 >20 

! НЕ 10 == Ю) 

















Инкремент, декремент переменной 
и краткая форма присваивания 


Следующие используемые в РНР и уже изучавшиеся вами формы инкремента 
(приращения) и декремента (отрицательного приращения), осуществляемые как 
после операции сравнения, так и перед ней, поддерживаются также и в ЈауаЅсгіре 
в качестве краткой формы операторов присваивания: 


++х 


Объединение строк 


Объединение (конкатенация) строк в ЈауаЅсгірё осуществляется немного иначе, 
чем в РНР. Вместо оператора . (точка) используется знак «плюс» (+): 


оситеп{.иг1е("у вас " + меззаве$ + " сообщения.") 


Если предположить, что переменной теѕѕавеѕ присвоено значение 3, эта строка 
кода выведет следующую информацию: 


У вас 3 сообщения. 


Оператор += точно так же, как и при добавлении значения к числовой переменной, 
позволяет добавить одну строку к другой: 


пате = "Јатеѕ" пате += Беап" 


Управляющие символы 


Управляющие символы, пример использования которых вы видели при вставке 
в строку кавычек, могут применяться также для вставки различных специальных 
символов: табуляции, новой строки и возврата каретки. В следующем примере 
символы табуляции используются для разметки заголовка; они включены в строку 
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лишь для иллюстрации использования управляющих символов, поскольку в веб- 
страницах существуют более подходящие способы разметки: 


һеадіпе = "Мате\Аре\іосатіоп" 


В табл. 13.6 приведены управляющие символы, доступные в Јауа$Ѕсгірі. 


Таблица 13.6. Управляющие символы ЈауаЅсгірі 





Символ | Назначение 




















\Ь Забой 
\Ё Перевод страницы 
\п Новая строка 
\г Возврат каретки 
\Е Табуляция 
у Одиночная кавычка 
гу Двойная кавычка 
\\ Обратный слеш 
\ХХХ Восьмеричное число в диапазоне от 000 до 377, представляющее эквивалент 


символа Гайп-1 (например, \251 для символа ©) 





\хХХ Шестнадцатеричное число в диапазоне от 00 до ЕЕ, представляющее эквивалент 
символа Гаійп-1 (например, \хАЭ для символа ©) 








\иХХХХ | Шестнадцатеричное число в диапазоне от 0000 до ЕЕЕЕ, представляющее 
эквивалент символа Отусоае (например, \и00А9 для символа ©) 














Типизация переменных 


Как и РНР, ЈауаЅсгірї относится к весьма слабо типизированным языкам. Тип пере- 
менной определяется только при присваивании ей значения и может изменяться 
при появлении переменной в другом контексте. Как правило, о типе переменной 
волноваться не приходится: язык ЈауаЅсгірї сам определяет, что именно вам нужно, 
и просто делает это. 


Посмотрите на пример 13.3, в котором выполняются следующие действия. 


1. Переменной п присваивается строковое значение "838102050", в следующей 
строке осуществляется вывод ее значения, а чтобы посмотреть на ее тип, ис- 
пользуется инструкция %урео+. 


2. Переменной п присваивается значение, получаемое при перемножении чисел 
12 345 и 67 890. Это значение также равно 838102050, но оно является числом, 
а не строкой. Затем определяется и выводится на экран тип переменной. 


3. К числу п добавляется текст, и результат отображается на экране. 
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Пример 13.3. Установка типа переменной путем присваивания ей значения 


<5сг1ре> 
п = '838102050' // Присваивание 'п' строкового значения 
доситеп{ .мг1е('п = ' + п + ', и имеет тип ' + +уреоҒ п + '<6г>') 


п = 12345 * 67890; // Присваивание 
доситеп{ .мг1е('п = ' 


п числа 
' ' 


+п+ ', и имеет тип ' + +уреоғҒ п + '<6г>') 
п += ' плюс текст' // Изменение типа 'п' с числового на строковое 


доситеп{ .мг1е('п = '+п+', и имеет тип ' + +уреоҒ п + '<6г>') 
</зсг1ре> 


Этот сценарий выведет следующую информацию: 


п = 838102050 и имеет тип $%г1тЕ 
п 838102050 и имеет тип питбег 
п = 838102050 плюс текст и имеет тип $%г1п8 


Если в отношении типа переменной есть какие-то сомнения или нужно обеспечить, 
чтобы переменная относилась к определенному типу, вы можете принудительно 
привести ее к этому типу, используя операторы, показанные в следующем примере 
(которые превращают строку в число и число в строку соответственно): 


й: = "123" 
п *=1 // Превращение ‘п’ в число 
п = 123 


п += // Превращение 'п' в строку 


Или же тип переменной можно всегда определить с помощью инструкции 
фурео+. 


Функции 


Какив РНР, в ауазст ре функции используются для выделения фрагментов кода, 
выполняющих конкретную задачу. Для создания функции ее нужно объявить, как 
показано в примере 13.4. 


Пример 13.4. Объявление простой функции 


<5сг1ре> 
ФипсЕ1оп ргодис*(а, Б) 


{ 


гефигп а*Б 


} 


</ѕсрірі» 


Эта функция принимает два переданных ей параметра, перемножает их и возвра- 
щает произведение. 
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Глобальные переменные 


К глобальным относятся переменные, определенные за пределами любых функций 
(или внутри функций, но без использования ключевого слова уаг). Они могут быть 
определены следующими способами: 


а = 123 // Глобальная область видимости 
уаг б = 456 // Глобальная область видимости 
1+ (а == 123) уаг с = 789 // Глобальная область видимости 


Независимо от применения ключевого слова уак, если переменная определена за 
пределами функции, она приобретает глобальную область видимости. Это означает, 
что к ней может быть получен доступ из любой части сценария. 


Локальные переменные 


Параметры, переданные функции, автоматически приобретают локальную область 
видимости, то есть к ним можно обращаться только из тела этой функции. Но есть 
одно исключение. Массивы передаются функции по ссылке, поэтому, если вы 
внесете изменения в любые элементы массива, переданного в качестве параметра, 
то элементы исходного массива также будут изменены. 


Для определения локальной переменной, имеющей область видимости только 
внутри текущей функции и не переданной ей в качестве параметра, используется 
ключевое слово маг. В примере 13.5 показана функция, которая создает одну пере- 
менную с глобальной и две переменные — с локальными областями видимости. 


Пример 13.5. Функция, создающая переменные с глобальной и локальной областями видимости 


<$сг1ре> 
ФипсЕ1оп +еѕ+() 
{ 

а = 123 // Глобальная область видимости 
уаг б = 456 // Локальная область видимости 
1+ (а == 123) уаг с = 789 // Локальная область видимости 

} 
</5сг1ре> 


ВРНР, чтобы проверить работоспособность установки области видимости, мож- 
но воспользоваться функцией 1$5е*. Но в ЈауаЅсгірі такой функции нет, поэтому 
в примере 13.6 применяется инструкция +урео+, возвращающая строку ипде+іпеа, 
если переменная не определена. 


Пример 13.6. Проверка области видимости переменных, определенных в функции ќеѕі 
<$сг1ре> 
еѕ51() 


1+ (Фурео+ а != 'ипаеҒіпеа') аоситеп+.мгіте('а = + а + '"<рг>') 
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1+ (Фурео+ ЫЬ != 'ипӣеҒіпеа') дӢоситеп+.мгі+е('6 = "' + 6 + '"<Ьг›') 


1+ (Фурео+ с != 'ипӣеҒіпеа') дӢоситепї.мгі+е('с = +с+ '"<6г>') 


Ғипсёіоп ёеѕ+() 


{ 
а = 123 
уаг Б 456 


1+ (а == 123) уаг с = 789 
} 


</зсг1ре> 


Этот сценарий выведет только одну строку: 


а = "123" 


Это свидетельствует о том, что, как и предполагалось, глобальная область видимости 
была определена лишь для одной переменной, потому что для переменных б и с уста- 
новкой перед ними ключевого слова уаг была задана локальная область видимости. 


Если ваш браузер выведет предупреждение о том, что переменная Ь не определена, 
то при всей своей справедливости оно может быть проигнорировано. 


Объектная модель документа 


Разработчики ЈауаЅсгірё — очень умные люди. Вместо того чтобы просто создать 
еще один язык написания сценариев (который имел бы на момент создания весь- 
ма неплохие усовершенствования), они проявили дальновидность и построили 
его вокруг уже существующей объектной модели документа НТМТ, или РОМ 
(Поситепё Ођјесі Мо4е|). Эта модель разбивает части НТМТ-документа на отдель- 
ные объекты, у каждого из которых есть собственные свойства и методы и каждым 
из которых можно управлять с помощью ]ауазст!ре. 


В ЈауаЅсгірё объекты, свойства и методы разделяются с помощью точек (это одна 
из причин того, что в качестве оператора объединения строк в ЈауаЅсгірё использу- 
ется знак +, а не точка). Рассмотрим, к примеру, в качестве объекта с именем сага 
визитную карточку. Этот объект содержит такие свойства, как имя — пате, адрес — 
адӣгеѕѕ, номер телефона — рһопе и т. д. В синтаксисе ]ауаЗст!рё эти свойства будут 
иметь следующий вид: 


сага. пате 
сага. рһопе 
сага. ааагеѕ5 


Его методами будут функции, занимающиеся извлечением, изменением и другими 
действиями со свойствами. Например, для вызова метода, отображающего свойства 
объекта сага, можно воспользоваться следующим синтаксисом: 


сага. 415р1ау() 
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Взгляните на некоторые из представленных ранее в этой главе примеров и обра- 
тите внимание на те из них, в которых применяется инструкция доситеп* .иг1*е. 
Уяснив, что ]ауаЗст!рё основан на работе с объектами, вы поймете, что мгіёе — это 
метод объекта доситеп*. 


Внутри ЈауаЅсгірё выстраивается иерархия из родительских и дочерних объектов. 
Эта иерархия и называется объектной моделью документа — РОМ (рис. 13.3). 






Рис. 13.3. Пример иерархии объектов ВОМ 


На этом рисунке используются уже знакомые вам НТМГ-теги, иллюстрирующие 
родительско-дочерние взаимоотношения между различными объектами доку- 
мента. Например, ОВТ-адрес внутри ссылки является частью тела (Бойу) НТМТ- 
документа. В ЈауаЅсгірё на него можно сослаться следующим образом: 


иг1 = адоситеп* .11пК$ .11пКпаме .пгее 


Обратите внимание на то, как эта ссылка идет сверху вниз по центральному столб- 
цу. Первая часть, аоситеп, ссылается на теги <һёт1> и <Боду>, 1іпкѕ.1іпкпате — 
на тег ‹а>, а Пге+ — на атрибут һгеғ. 


Превратим это в некий код НТМГ и в сценарий для чтения свойств ссылки. 
Наберите код примера 13.7 и сохраните его в файле с именем 1іпкќеѕ+ .һет1, а затем 
вызовите в своем браузере. 


Пример 13.7. Чтение ссылки на УВ!-адрес с помощью ЈауаЅсгірї 


<ћём1> 

<Неаа> 
<{1{1е>Тестирование ссылки</+1{1е> 

</һеаа» 

<Боду> 
<а іа="ту1іпк" һгеғ="һёЕр: //туз$1*е . сот" >Щелкни< /а><6г> 
<5сг1рф> 

иг1 = доситеп* . 11пК$ .ту1іпк.һгеғ 
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доситеп{ .иг1е ( "ЦКЕ-адрес - ' + иг1) 
</ѕсгірё> 
</боау> 
</ћёт1> 


Обратите внимание на краткую форму тегов ѕсгірї, в которой для экономии вре- 
мени на набор текста был опущен параметр +уре="ёехї/Јауаѕсгір&". При желании 
ради проверки этого (и других примеров) можете также опустить все, кроме тегов 
<ѕсгірё»> и </ѕсгірі». Код этого примера выведет следующую информацию: 


|елкни 
ОВЕ-адрес - Ир: //туѕі+е. сот 


Вторая строка выведенной информации появилась благодаря работе метода 
доситеп* .иг1е. Обратите внимание на то, как код следует сверху вниз по дереву 
документа от доситеп* к 1іпкѕ, к ту1іпк (идентификатору, присвоенному ссылке) 
и кһге+ (значению, содержащему О ВГ-адрес). 


Есть также краткая форма, работающая не менее успешно, которая начинается со 
значения, присвоенного атрибуту іа: ту11пК.Нге+. Поэтому следующую строку: 


иг1 = аоситеп.1іпкѕ. ту1іпк.һгетғ 


можно заменить строкой: 


иг1 = ту1іпк. һе 


Еще одно использование знака $ 


Как уже упоминалось, символ $ разрешено использовать в именах переменных 
и функций ЈауаЅсгіре. По этой причине иногда можно встретить код довольно 
странного вида: 


иг1 = $('ту1іпк').һееғ 


Некоторые изобретательные программисты решили, что метод веЕ1етепёВу14 
слишком часто применяется в ]ауазст!рь, и написали взамен него свою функцию, 
показанную в примере 13.8. Они присвоили ей имя $, как в }Очегу (хотя в этой 
библиотеке символ $ используется более широко, чем здесь, о чем можно узнать, 
прочитав главу 21). 


Пример 13.8. Функция, заменяющая метод де ЕететВу!а 
<5сг1ре> 

Ғипсёіоп $(1а) 

{ 


гефигп ЯӢоситеп . вееЕ1етепЕвута (14) 


} 


</ѕсрірі» 
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Поэтому, как только функция $ будет вставлена в ваш код, синтаксис: 
$ ( 'ту1іпк').һге+ 
может заменить следующий код: 


аоситеп . ре+Е1етеп+Ву1а( ' ту1іпк') .һге+ 


Использование РОМ 


На самом деле объект 1іпкѕ является массивом, состоящим из О ВТ-адресов, по- 
этому на ОВІ. ту1іпк в примере 13.7 можно спокойно ссылаться во всех браузе- 
рах, используя для этого следующий код (поскольку это первая и единственная 
ссылка): 


иг1 = аоситепі.1іпкѕ[0].һгеғ 


Если нужно узнать, сколько ссылок содержится во всем документе, можно запро- 
сить свойство 1епёН объекта 11іпкѕ: 


пит1іпкѕ = аоситепё. 11пК$.1епёеИ 


Благодаря этому свойству можно извлечь и отобразить все имеющиеся в документе 
ссылки: 


Фог (3=0 ; ј < Яоситепё.1іпкѕ.1Іепеһ ; ++ј) 
аоситеп .мгі+е(аоситеп+.1іпкѕ[5].һгеғ + '<6г>') 


Длина — Іепеёһ является свойством каждого массива, а также многих других 
объектов. Например, можно запросить количество записей в истории вашего 
браузера: 


аоситеп .мгіъе (ћіѕбогу.Іепеёћ) 


Но, чтобы исключить перехват ваших сайтов с помощью истории браузера, в объек- 
те һіѕогу хранится только количество сайтов в массиве, и вы не можете прочитать 
или записать значения, относящиеся к этим сайтам. Но вы можете заменить теку- 
щую страницу одной из тех, что хранятся в истории, если знаете, на какой позиции 
она там находится. Это может пригодиться в тех случаях, когда вам известны кон- 
кретные страницы, попавшие в историю при переходах с вашей страницы, или вы 
просто хотите вернуть браузер назад на одну или несколько страниц, что делается 
с помощью метода во объекта һіѕёогу. Например, чтобы отправить браузер назад 
на три страницы, нужно выдать следующую команду: 


һіѕёогу.ро(-3) 


Для перехода вперед и назад на одну страницу можно воспользоваться также сле- 
дующими методами: 


һіѕёогу.Ббаск() 
һіѕогу.Ғогмага() 
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Подобным способом можно заменить только что загруженный ОВТ.-адрес другим 
по вашему выбору: 


Яоситепї .1оса{1оп.впге{ = 'НЕр://воов81е. сот' 


Конечно, ОМ можно использовать для решения куда более широкого круга 
задач, чем чтение и модификация ссылок. По мере изучения следующих глав, по- 
священных ЈауаЅсгірі, знакомство с РОМ и с доступом к этой модели станет еще 
более тесным. 


О функции аӢоситепё.угіќе 


При изучении программирования необходимо иметь быстрый и простой способ 
отображения результатов выражений. В РНР (к примеру) есть инструкции есһо 
и ргіп, позволяющие просто отправлять текст браузеру, поэтому при работе с ним 
отображение результатов дается довольно легко. А в Јауа$сгірё имеются следующие 
варианты такого отображения. 


Использование сопѕоіе.І09 


Функция сопѕо1е.108 выводит результат вычисления значения любой переданной 
ей переменной или выражения в консоль текущего браузера. Это специальный 
режим, имеющий фрейм или окно, отдельное от окна браузера, куда можно выво- 
дить сообщения об ошибках или другие сообщения. Этот режим больше подходит 
опытным программистам и не считается идеальным решением для начинающих, 
поскольку вызов консоли осуществляется во всех браузерах по-разному, то же са- 
мое можно сказать и о характере его работы. К тому же его вывод осуществляется 
отдельно от веб-содержимого браузера. 


Использование аіег 


Функция а1егї выводит значения переданных ей переменных или выражений в по- 
являющемся окне, для закрытия которого требуется нажать кнопку. Конечно, это за- 
нятие может быстро надоесть, тем более что есть еще один недостаток, заключающийся 
в отображении только текущего сообщения и утрате при этом всех предыдущих. 


Запись в элементы 


У вас есть возможность ввести запись непосредственно в текст НТМІ -элемента, 
и она представляется весьма элегантным решением (и лучшим для производства 
сайтов), за исключением того, что в данной книге для каждого примера понадо- 
бится создавать такой элемент, а также добавлять несколько строк кода ЈауаЅсгірі 
для доступа к этому элементу. Это будет мешать усвоению сути примера и сделает 
его код излишне громоздким и запутанным. 
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Использование оситепі.мгіќе 


Функция доситеп* .иг1е записывает значение или результат вычисления вы- 
ражения в текущую позицию в браузере и поэтому является наиболее удачным 
вариантом для быстрой демонстрации результатов, поскольку примеры остаются 
довольно краткими и прилично выглядящими за счет того, что вывод помещается 
прямо в браузере, сразу же за веб-содержимым и кодом. 


Возможно, вам приходилось слышать, что некоторые разработчики считают эту 
функцию небезопасной, поскольку при ее вызове после полностью загруженной 
страницы она переписывает текущий документ. Хотя это действительно так, к при- 
мерам этой книги данная особенность не имеет никакого отношения, поскольку 
во всех примерах аӢоситеп. мгібе используется по первоначальному предназначе- 
нию — в качестве части процесса создания страницы и вызов функции происходит 
до полной загрузки и отображения страницы. 


Несмотря на то что функция аӢоситепё.нгіёе используется данным образом для 
простых примеров, я никогда не пользуюсь ею в своем производственном коде 
(за исключением весьма редких случаев, когда без этого просто не обойтись). 
Вместо нее я практически всегда использую предыдущий вариант, заключающийся 
в записи непосредственно в специально подготовленный элемент, как в показанных 
далее более сложных примерах в главе 17 (где для программного вывода проис- 
ходит обращение к свойству элементов іппегнтмі). 


Поэтому я прошу запомнить, что вызов функции аоситепё. мгі+е, встречающийся 
в данной книге, используется исключительно для упрощения примера, и я реко- 
мендую, чтобы вы также использовали эту функцию лишь в подобных целях — для 
получения быстрых тестовых результатов. 


С учетом данного предостережения в следующей главе мы продолжим исследова- 
ние Јауа$сгіре и рассмотрим вопросы управления ходом выполнения программы 
и написания выражений. 


Вопросы 


Какие теги используются для заключения в них кода ЈауаЅсгірё? 


2. К какой части документа будет по умолчанию добавлена информация, выво- 
димая кодом Јауа$сгірї? 


3. Как в ваши документы может быть включен код ЈауаЅсгірё из другого источ- 
ника? 


Какая функция Јауа$сгірі является эквивалентом РНР-команд есһо или ргіпї? 
Как можно создать комментарий в ]ауа$ стр? 


Какой оператор используется в ЈауаЅсгірё для объединения строк? 
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7. Какое ключевое слово можно применять внутри функции ]ауазст!рё для опре- 
деления переменной, имеющей локальную область видимости? 


8. Покажите два метода, работающих во всех браузерах и позволяющих отобразить 
присвоенный ссылке ОКІ-адрес на основе ТО этой ссылки. 


9. Какие две команды Јауа$сгірї заставят браузер загрузить предыдущую страни- 
цу, содержащуюся в его массиве һіѕёогу? 


10. Какой командой ]ауазст!ре вы воспользуетесь для замены текущего документа 
главной страницей сайта огеіу.сот? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Выражения и управление 
процессом выполнения 
сценариев в Јауабсгірі 


В предыдущей главе были изложены основы ЈауаЅсгірё и РОМ. А теперь настало 
время рассмотреть порядок построения в ЈауаЅсгірї сложных выражений и спо- 
собов управления процессом выполнения ваших сценариев с помощью условных 
инструкций. 


Выражения 


Выражения в ЈауаЅсгірі очень похожи на выражения в РНР. В главе 4 мы выяс- 
нили, что выражение представляет собой сочетание значений, переменных, опе- 
раторов и функций, в результате вычисления которого получается значение. Это 
значение может быть числовым, строковым или логическим (вычисляемым либо 
как истина — ТВОЕ, либо как ложь — РАЕ$Е). 


В примере 14.1 показано несколько простых выражений. Код каждой строки выво- 
дит буквы от а до а, за которыми следуют двоеточие и результат вычисления вы- 
ражения. Тег <5г> служит для перехода на новую строку и разделения выводимой 
информации на четыре строки (в НТМТ.5 допустимо применение как «бг», так 
и «Бг />, но для краткости я выбрал первый стиль). 


Пример 14.1. Четыре примера булевых выражений 


<ѕсгірі» 
аоситепё.мгіёе("а: " + (42 > 3) + "<бг>") 
аоситепё.мгіёе("Ы: " + (91 < 4) + "<6г>") 
аоситепё.мгіёе("с: " + (8 == 2) + "<бг>") 
аоситепё.мгіёе("а: " + (4 < 17) + "<6г>") 


</5сг1ре> 


Этот код выведет следующую информацию: 


а: гие 
Ь: Ға15е 
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с: Ға15ѕе 
4: гие 


Заметьте, что выражения а: и 4: вычисляются как гие, а выражения Ь: ис: — как 
{а15е. В отличие от языка РНР (который вывел бы число 1 и пустое место соот- 
ветственно), ЈауаЅсгір выводит строки гие и +а15е. 


В ЈауаЅсгір при проверке значения на истинность или ложность все выражения вы- 
числяются как гие, за исключением следующих, которые вычисляются как Ға1ѕе: 
самой строки Ға1ѕе, 0, -0, пустой строки, пи11, неопределенного значения (ипае+Ғіпеа) 
и Мам (Мос а Митђег — «не число», понятие в вычислительной технике для недопу- 
стимых операций с числами с плавающей точкой, таких как деление на нуль). 


Учтите, что, в отличие от РНР, в ЈауаЅсгірё значения гие и Ға1ѕе пишутся в ниж- 
нем регистре. Поэтому из следующих двух инструкций информацию будет ото- 
бражать только первая, выводя на экран слово гие в нижнем регистре, поскольку 
вторая инструкция вызовет сообщение об ошибке, где будет сказано, что перемен- 
ная ТКОЕ не определена: 


14 (1 == гие) дӢоситепё.мгібе('Егие') // Истина 
1+ (1 == ТВУЕ) дӢоситепі.меі+е('ТКОЕ') // Приводит к ошибке 








Следует помнить, что любые фрагменты кода, которые вам захочется набрать 
и опробовать, запустив их в НТМ!-файле, нужно заключать в теги <ѕсгірі> 
и </5сгірї>. 








Литералы и переменные 


Простейшей формой выражения является литерал, означающий нечто, вычисля- 
емое само в себя, например число 22 или строка Нажмите клавишу Епќег. Выражение 
может также быть переменной, которая вычисляется в присвоенное ей значение. 
И литералы, и переменные относятся к типам выражений, поскольку они возвра- 
щают значение. 


В примере 14.2 показаны три разных литерала и две переменные, и все они воз- 
вращают значения, хотя и разных типов. 


Пример 14.2. Пять типов литералов 


<5сг1ре> 
тупате = "Рефег" 
туаёе = 24 
доситеп{ .мг1е("а: " + 42 + "<6г>") // Числовой литерал 
доситеп& .мг1е("6: " + "Ні" + "<6г>") // Строковый литерал 
доситеп{ .мг1е("с: " + гие + "<6г>") // Литерал константы 
доситеп{ .мг1е("4: " + тупате + "<6г>") // Литерал строковой переменной 
доситеп{ .иг1е("е: " + муаве + "<6г>") // Литерал числовой переменной 


</ѕсрірі» 
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Как и можно было ожидать, в выводимой информации будут показаны значения, 
возвращаемые всеми этими литералами: 


: 42 
ні 
: гие 
Рефег 
24 


оао со 


Операторы позволяют создавать более сложные выражения, вычисляемые в полез- 
ные результаты. При объединении присваивания или управляющей конструкции 
с выражениями получается инструкция. 


В примере 14.3 показано по одной инструкции каждого вида. В первой результат 
выражения 366 - дау_питбег присваивается переменной дауѕ Ёо пем уеаг, а во 
второй приятное сообщение выводится только в том случае, если выражение 
аауѕ о пем _уеаг < 30 вычисляется как гие. 


Пример 14.3. Две простые инструкции ЈахаЅсгірї 


<ѕсгірі» 

Яауѕ То пем уеаг = 366 - Чау_питбег; 

1+ (ӣауѕ ёо пем уеаг < 30) доситеп* .мг1{е ("Скоро Новый год!") 
</5сг1ре> 


Операторы 


ЈахаЅсгірё предлагает большое количество мощных операторов, начиная с ариф- 
метических, строковых и логических и заканчивая операторами присваивания, 
сравнения ит. д. (табл. 14.1). 


Таблица 14.1. Типы операторов ЈауаЅсгірї 





























Оператор Описание Пример 
Арифметический Основные математические операции а+ђ 

Для работы с массивами Работа с массивами а+Ь 
Присваивания Присваивание значений а=Ь- 23 
Поразрядный Обработка битов в байтах 12^9 
Сравнения Сравнение двух значений а<Ь 
Инкремента и декремента Прибавление или вычитание единицы |а++ 
Логический Булевы операции а&& Б 
Строковый Объединение а + ‘строка! 
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Различные типы операторов воспринимают разное количество операндов. 


О Унарные операторы, к примеру операторы инкремента (а++) или изменения 
знака числа (—а), воспринимают один операнд. 





О Бинарные операторы, представленные основной массой операторов ]ауазсг!ре 
(включая операторы сложения, вычитания, умножения и деления), восприни- 
мают два операнда. 


О И один трехкомпонентный (ќегпагу) оператор, имеющий форму ? х : уитре- 
бующий использования трех операндов. Он является краткой однострочной 
формой инструкции 1+, которая выбирает одно из двух выражений на основе 
значения третьего выражения. 


Приоритетность операторов 


Как ив РНР, в ЈауаЅсгірі используется приоритетность операторов, благодаря 
которой одни операторы в выражении обрабатываются до обработки других опе- 
раторов и поэтому вычисляются в первую очередь. 


В табл. 14.2 перечислены операторы Јауа$сгірі, расположенные по уровню их при- 
оритетности. 


Таблица 14.2. Операторы ЈахаЅсгірї, расположенные по уровню их приоритетности (сверху вниз) 




















Оператор (-ы) Тип (-ы) 

ОП. Скобки, вызов и составляющая объекта 
+4 —— Инкремент и декремент 

0—41 Унарные, поразрядные и логические 
*/% Арифметические 

+— Арифметические и строковые 




















ыы Поразрядные 
сыры Сравнения 
== |= === |== Сравнения 
&^| Поразрядные 
&& Логический 





| Логический 





в. Трехкомпонентный 








+ += /=%= <<=>>=>>>= &=^=| Присваивания 








Разделитель 
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Взаимосвязанность 


Большинство операторов ЈауаЅсгірї обрабатываются в уравнении слева направо. 
Но для некоторых операторов требуется обработка справа налево. Направление 
обработки обусловливается взаимосвязанностью операторов. 


Эта взаимосвязанность вступает в силу при отсутствии явно заданной приоритет- 
ности. Рассмотрим, например, следующие операторы присваивания, благодаря 
которым трем переменным присваивается значение 6: 


1еуе1 = ѕсоге = іме = ө 


Это множественное присваивание становится возможным только благодаря тому, 
что самая правая часть выражения вычисляется первой, а затем обработка про- 
должается справа налево. В табл. 14.3 перечислены операторы ЈауаЅсгірё и их 
взаимосвязанность. 


Таблица 14.3. Операторы и их взаимосвязанность 











Оператор (-ы) Описание Взаимосвязанность 
== Инкремент и декремент Отсутствует 

пем Создание нового объекта Правая 

Фе] Унарные и поразрядные операции Правая 



































Е Условный оператор Правая 
=*=/= = += Присваивание Правая 
<<=>>=>>>=&=^= | Присваивание Правая 
/ Разделитель Левая 
+-*/% Арифметические операции Левая 
<<>> >>> Поразрядные операции Левая 
<<=>> | | Операции отношения Левая 




















Операторы отношения 


Операторы отношения проверяют значения двух операндов и возвращают логи- 
ческий результат, равный либо гие, либо +а15е. Существует три типа операторов 
отношения: операторы равенства, сравнения и логические. 


Операторы равенства 


Оператор равенства имеет вид == (его не следует путать с оператором присваива- 
ния =). В примере 14.4 первая инструкция присваивает значение, а вторая проверяет 
это значение на равенство. В данных условиях на экран ничего не будет выведено, 
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потому что переменной мопЕИ присвоено значение Ји1у и его сравнение со значе- 
нием ОсфоБег будет неудачным. 


Пример 14.4. Присваивание значения и проверка на равенство 


<5сг1ре> 

мопЕИ = "Ји1у" 

1+ (мопЕЙ == "Осфобег") доситеп{.мг1е ("Те'$ {Пе Ға11") 
</зсг1ре> 


Если два операнда выражения равенства принадлежат к разным типам данных, 
Јаха$сгірё приведет их к тому типу, который имеет для него наибольший смысл. 
Например, любые строки, полностью состоящие из цифр, при сравнении с числом 
будут преобразованы в числа. В примере 14.5 у переменных аир два разных значе- 
ния (одно из них является числом, а второе — строкой), и поэтому вряд ли стоило 
ожидать, что какая-нибудь из инструкций 1+ выведет результат. 


Пример 14.5. Операторы равенства и тождественности 


<5сг1ре> 
а = 3.1415927 
Ь = "3.1415927" 
1+ (а == Б) аоситепе.мг1е("1") 
1+ (а === 6) аӢоситепё.мгіёе("2") 
</зсг1ре> 


Тем не менее, если запустить код этого примера, вы увидите, что он выведет 
цифру 1, что будет означать, что первая инструкция 1+ была вычислена как «гие. 
Это произошло благодаря тому, что строковое значение переменной Ы сначала было 
временно преобразовано в число, и поэтому обе половины уравнения получили 
числовое значение 3.1415927. 


В отличие от этого, вторая инструкция 1+ использует оператор тождественности — 
три знака равенства подряд, который препятствует автоматическому преобразова- 
нию типов в Јауа$Ѕсгіре. Таким образом, в данном случае значения а и Ь считаются 
разными, поэтому на экран ничего не выводится. 


Точно так же, как при принудительном задании приоритета операторов, если 
у вас появятся сомнения, связанные с преобразованиями типов операндов, про- 
изводимыми ЈауаЅсгіре, для отключения этого поведения можно воспользоваться 
оператором тождественности. 


Операторы сравнения 


Используя операторы сравнения, можно проверить не только равенство или нера- 
венство. ЈауаЅсгірё предоставляет в ваше распоряжение также операторы > (боль- 
ше), < (меньше), >= (больше или равно) и <= (меньше или равно). Код примера 14.6 
показывает эти операторы в действии. 
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Пример 14.6. Четыре оператора сравнения 


<$сг1ре> 
а = 7; 0 = 11 
1+ (а >) Яоситеп+.мгі+е("а больше Б<6г>") 
1+ (а < Ь) Яоситеп.меіъе("а меньше 6<6г>") 
1+ (а >= 6) Яоситеп+.мгі+е("а больше или равно Б<6г>") 
1+ (а <= Б) Яоситеп+.мгі+е("а меньше или равно Б<6г>") 
</5сг1ре> 


Если а равно 7, аб равно 11, то код этого примера выведет следующую информацию 
(потому что 7 меньше 11, а также меньше или равно 11): 


а меньше Б 
а меньше или равно Ь 


Логические операторы 


Логические операторы выдают истинные или ложные результаты, поэтому их 
также называют булевыми. В ЈауаЅсгірё используются три логических оператора 
(табл. 14.4). 


Таблица 14.4. Логические операторы ЈауаЅсгірї 








Логический Описание 
оператор 
&& (И) Возвращает истинное значение (гие), если оба операнда имеют 


истинные значения 





| (ИЛИ) Возвращает истинное значение (гие), если любой из операторов 
имеет истинное значение 





! (НЕ) Возвращает истинное значение (гие), если операнд имеет 
ложное значение, или ложное значение (Ѓа[ѕе), если операнд имеет 
истинное значение 














Код примера 14.7 показывает возможности использования этих операторов, при 
которых возвращаются 6, 1 и їгие. 


Пример 14.7. Использование логических операторов 


<ѕсгірі» 
а = 1; Б= ө 
аосчтеп* .мг1{е((а && 6) + "<6г>") 
аӢоситепё.меіёе((а || Ы) + "<6г>") 
аоситеп* .мг1е(( 16 ) + "<рг>") 


</5сг1ре> 


Оператору && для возвращения значения гие нужно, чтобы оба операнда имели 
значение +гие. Оператору | | для возвращения значения гие необходимо, чтобы 
любой операнд имел значение ёгие, а третий оператор применяет к значению пере- 
менной Б операцию НЕ, превращая ее значение из 0 в гие. 
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При использовании оператора | | могут возникнуть непредвиденные проблемы, 
поскольку второй операнд не будет вычисляться, если при вычислении первого 
будет получен результат «гие. В примере 14.8 функция ветпех* никогда не будет 
вызвана, если переменная Ғіпіѕћеа имеет значение 1. 


Пример 14.8. Инструкция, использующая оператор || 


<5сг1ре> 
1+ (Ғіпіѕһеа == 1 || веёпех+() == 1) опе = 1 
</зсг1ре> 


Если нужно, чтобы вепех? была вызвана при каждом выполнении инструкции 1+, 
следует переписать код, как показано в примере 14.9. 


Пример 14.9. Инструкция #...ИЛИ, измененная для гарантированного вызова детпехе 


<5сг1ре> 

Бп = репехї() 

іҒ (Ғіпіѕһеа == 1 || еп == 1) опе = 1 
</ѕсрірі» 


В данном случае код функции реёпех+ будет выполнен и он вернет значение, кото- 
рое будет сохранено в переменной вп до выполнения инструкции 1+. 


В табл. 14.5 показаны все допустимые варианты использования логических опера- 
торов. Следует заметить, что выражение ! гие эквивалентно #а1ѕе, а выражение 
! Ға15ѕе эквивалентно гие. 


Таблица 14.5. Все логические выражения, допустимые в ЈауаЅсгірі 

















Входные данные Операторы и результаты 
а Ь && п 
{тие (тие {гие їгие 
(гие {а5е {а5е (гие 
{а5е (тие (гие (гие 
{а5е {а5е {а5е [ы5е 




















Инструкция мии 


Инструкция мі+һ в предыдущих главах, посвященных РНР, не встречалась, по- 
скольку она имеется только в ЈауаЅсгірі. Используя эту инструкцию (если вы 
понимаете, что я под этим подразумеваю), можно упростить некоторые типы ин- 
струкций ]ауаЗст!ре, сократив множество ссылок на объект до всего одной ссылки. 
Предполагается, что ссылки на свойства и методы внутри блока мієћ должны при- 
меняться к указанному объекту. 


Рассмотрим код примера 14.10, в котором функция доситеп* .иг1е нигде не ссы- 
лается на переменную ѕёгіпе по имени. 
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Пример 14.10. Использование инструкции МИ 


<$сг1ре> 
${г1п8 = "Шустрая бурая лисица перепрыгивает через ленивую собаку" 


міЄһ ($Ег1п5) 


{ 
доситеп{ .иг1е("В строке " + 1епёЕН + " символов <6г>") 
доситеп{ .иг1е("В верхнем регистре: " + фо/ррегСазе()) 
} 
</5сг1ре> 


Даже притом, что в доситеп{ .иг1{е нет непосредственной ссылки на $%г1пв, этот 
код все равно справляется с выводом следующей информации: 


В строке 55 символов 
В верхнем регистре: ШУСТРАЯ БУРАЯ ЛИСИЦА ПЕРЕПРЫГИВАЕТ ЧЕРЕЗ ЛЕНИВУЮ СОБАКУ 


Код примера работает следующим образом: интерпретатор Јауа$сгірё распознает, 
что свойство 1епеёћ и метод +о0ррегСаѕе должны быть применены к какому-то объ- 
екту. Поскольку они указаны только сами по себе, интерпретатор предполагает, что 
они применяются к объекту ѕёгіпе, указанному в инструкции мі+ћ. 


Использование события опеггог 


Рассмотрим еще одну конструкцию, недоступную в РНР. Используя либо событие 
опеггог, либо сочетание ключевых слов {гу и саёсһ, можно перехватить ошибки 
ауазст!реЕ и самостоятельно справиться с ними. 


Событиями называются действия, которые могут быть обнаружены ЈауаЅсгірі. 
Каждый элемент на веб-странице имеет конкретные события, которыми могут быть 
приведены в действие функции ЈауаЅсгірі. Например, событие щелчка — опс11ск, 
принадлежащее элементу Би оп (кнопка), может быть настроено на вызов функ- 
ции, которая будет запущена, если пользователь нажмет кнопку. В примере 14.11 
показано, как можно воспользоваться событием опеггог. 


Пример 14.11. Сценарий, использующий событие опеггог 


<ѕсгірі» 
опеггог = еггогНапа1ег 
доситеп* .мгі ("Добро пожаловать на этот сайт!") // Преднамеренная ошибка 


ФипсЕ1оп еггогНапа1ег(теѕѕаве, иг1, 11пе) 


{ 
ои = "К сожалению, обнаружена ошибка. \п\п"; 
ои += "Ошибка: " + меѕѕаре + "\п"; 
оиЁ += "УВЕ: " + иг + "\п"; 
оч += "Строка: " + Ііпе + "\п\п"; 
ои += "Нажмите кнопку ОК для продолжения работы. \п\п "; 
а1егі(ои+); 
геёигп гие; 
} 


</5сг1ре> 
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В первой строке сценария событию ошибки предписывается впредь использовать 
новую функцию еггогНапа1ег. Эта функция принимает три параметра: сообщение, 
О ВГ-адрес и номер строки, поэтому остается лишь отобразить все это в появля- 
ющемся окне метода а1ег*. 


Затем для проверки работы новой функции в коде сценария преднамеренно до- 
пускается ошибка: вызывается доситеп+ .мг1 вместо доситеп{ .мгі+е (не ставится 
последняя буква «е»). На рис. 14.1 показан результат запуска этого сценария в бра- 
узере. Подобное использование события опеггог может пригодиться при отладке 
сценария. 


= 1осаіһћоз%/14/ехатрі1е14-11.Һп Ж 


(©) э х @ @ Іосаіһоѕ1/14/ехатрІе14 066 Я || Ф сеа 





К сожалению, обнаружена ошибка. 


Ошибка: ТуреЕтог: доситепімигїї 15 пої а ипсйоп 
ЦВЕ: Ир: Моса! 0341 4/ехаттр!е1 4-11 Инт! 
Строка: 3 


Нажмите кнопку ОК для продолжения работы. 


О Ртехепіїһіѕ раде "от сгеайпа айсійопа! 9121095 


Кеза [осаНо5Е 


Рис. 14.1. Использование события опеггог с методом аіегЕ 
для вывода информации 





Конструкция їгу...сасћ 


Технология, в которой применяются ключевые слова {гу и саїсћ, считается более 
стандартной и гибкой, чем обработка события опеггог, показанная в предыдущем 
разделе. Эти ключевые слова позволяют перехватывать ошибки для избранно- 
го раздела кода, а не для всех сценариев, имеющихся в документе. Но данная 
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технология не позволяет перехватывать синтаксические ошибки, для чего прихо- 
дится применять обработку события опеггог. 


Конструкция ёру... саёсһ поддерживается всеми основными браузерами и за- 
действуется в тех случаях, когда нужно перехватить управление при наступлении 
конкретных условий, о которых известно то, что они могут сложиться в опреде- 
ленной части вашего кода. 


Например, в главе 17 будет рассматриваться технология АЈАХ, в которой исполь- 
зуется объект ХМЕНЕ{рВедие$+. Поэтому для обеспечения совместимости нужно 
применять гу и саїсћһ, чтобы перехватить управление при отсутствии этого объ- 
екта и задействовать какие-нибудь другие технологии. Как это делается, показано 
в примере 14.12. 


Пример 14.12. Перехват ошибки с помощью ключевых слов {гу и саёсћ 


<ѕсгірі» 
ігу 
{ 


гедиеѕ = пем ХМІНТТРКедиеѕї() 


} 


саесй(егг) 


{ 


// Использование другого метода для создания объекта ХМІЕНТТРКедиеѕ+ 


} 


</5сг1ре> 


Я не хочу здесь вникать в подробности реализации отсутствующего в Гаќегпеѓ 
Ехр|огег объекта, но вы можете увидеть, как работает эта система. Со словами гу 
и саЁсһ связано еще одно ключевое слово — #1па11у. Блок кода, следующий за 
этим словом, выполняется всегда, независимо от того, возникла или не возникла 
ошибка при выполнении блока кода под ключевым словом *+гу. Чтобы воспользо- 
ваться этим ключевым словом, нужно после инструкции саёсһ просто добавить 
что-нибудь похожее на следующий пример: 


Ғіпа11у 
{ 


} 


а1ег{ ("Был обнаружен блок кода '&ғу'.") 


Условия 


Условия изменяют процесс выполнения программы. Они позволяют задавать 
конкретные вопросы и по-разному реагировать на полученные ответы. Существу- 
ют три типа условий, не связанных с циклами: инструкция 1+, инструкция ѕміёсһ 
и оператор ?. 
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Инструкция # 


Инструкции 1+ уже использовались в нескольких примерах данной главы. Код вну- 
три этой инструкции выполняется только в том случае, если заданное выражение 
вычисляется как «гие. Многострочные инструкции 1+ заключаются в фигурные 
скобки, но, как и в РНР, для однострочных инструкций скобки можно опустить. 
Поэтому допустимы все следующие инструкции: 


1+ (а > 190) 
{ 
6=2 
доситеп& .мг1{е("а больше 100") 


} 


1+ (6 == 10) адоситеп*.иг1е("Ь равно 10") 


Инструкция е[5е 


Если условие не было соблюдено, то с помощью инструкции е15е может быть вы- 
полнен альтернативный блок кода: 


1+ (а > 100) 
{ 


доситеп{.иг1е("а больше 100") 


} 


е15е 


{ 


доситеп{ .мгі%е("а меньше или равно 100") 


} 


В ЈауаЅсгірѓ, в отличие от РНР, нет инструкции е1е1+, но ее отсутствие компен- 
сируется возможностью использования инструкции е15е, за которой следует еще 
одна инструкция 1+, чем создается эквивалент инструкции е15еі: 


1+ (а > 100) 
{ 

доситеп{ .иг1е("а больше 100") 
} 
е1ѕе 1+(а < 100) 
{ 

доситеп* .мг1{е("а меньше 100") 
} 
е1ѕе 
{ 

доситеп{ .иг1е("а равно 100") 
} 


За инструкцией е1ѕе после новой инструкции 1+ точно так же может следовать еще 
одна инструкция 1+ ит. д. Несмотря на то что в этих инструкциях использованы 
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фигурные скобки, наличие внутри каждой пары этих скобок всего одной строки 
кода позволяет переписать весь пример следующим образом: 


1+ (а > 100) доситеп{.мг1{е("а больше 100") 
е15е 1+(а < 100) аоситепЁ.мгіёе("а меньше 100") 
е15е досчтеп* .мг1{е("а равно 1600") 


Инструкция ѕ\№їЁсһ 


Инструкция ѕміёсһ применяется в том случае, когда одиночная переменная или 
результат вычисления выражения может иметь несколько значений, для каждого 
из которых нужно применить свою функцию. Например, в следующем коде за 
основу берется система меню РНР, составленная в главе 4, которая переводится 
в инструкции ЈауаЅсгірё. Эта система работает путем передачи одного строково- 
го значения, соответствующего пожеланию пользователя, коду основного меню. 
Предположим, пользователю доступны следующие варианты: Ноте, Абоиѓ, №емѕ, Годіп 
и Шпкѕ, — и переменной раве присваивается одно из этих значений, соответствующее 
тому, что ввел пользователь. 


Код, созданный для этого с помощью конструкции 14+...е15е 1+..., может иметь 
вид, показанный в примере 14.13. 


Пример 14.13. Многострочная конструкция іЁ...е[ѕе #... 


<$сг1ре> 
1+ (раве 
е1зе 1+ (раве 
е1ѕе 1+ (раве 
е1зе 1+ (раре 
е15ѕе 1+ (раре 
</5сг1ре> 


"Ноте") аоситеп{.имг1е("Вы выбрали Ноте") 
"дрои&") аоситеп*.мг1{е("Вы выбрали Абоиї") 
"Мемѕ") аоситеп&.мгі%е("Вы выбрали М№ем$") 
"Еовіп") аоситеп*.мг1{е("Вы выбрали Ёо51п") 
"ііпкѕ") аоситеп*.мг1{е("Вы выбрали Ё1пК$") 


А при использовании конструкции ѕміёсһ код может иметь вид, показанный в при- 
мере 14.14. 


Пример 14.14. Конструкция м св 


<$сг1ре> 
ѕміЄсһ (раве) 
{ 
саѕе "Ноте" : 
доситеп* .мг1{е("Вы выбрали Ноте") 
ргеак 
саѕе "АБои{" : 
доситеп{ .иг1е ("Вы выбрали Абоиї") 
ргеак 
саѕе "Мемѕ5" : 
доситеп* .мг1{е("Вы выбрали М№емѕ") 
ргеак 
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саѕе "Горіп": 
аоситеп+.мгібе("Вы выбрали іоріп") 
Ьгеак 

саѕе "11пК$": 
доситеп{ .иг1е ("Вы выбрали ііпкѕ") 
Ьгеак 


} 


</5сг1ре> 


Переменная раре здесь присутствует только в самом начале инструкции ѕміќсћ. 
После чего совпадения проверяются командой сазе. При совпадении выполняется 
условная инструкция. Разумеется, в настоящей программе здесь будет код для ото- 
бражения страницы или для перехода на нее, а не простое сообщение пользователю 
о том, что он выбрал. 








Вы можете также предложить несколько случаев для одного действия. Напри- 
мер: 





м1 си (ПегоМаме) 
{ 
саѕе "5ирегтап" : 
саѕе "Ва+тап" : 
саѕе "Мопаег Мотап" : 
аоситеп&.мгіъе("Јиѕёісе Іеарие") 
ргеак 
саѕе "Ігоп Мап": 
саѕе "Сарфа1п Атег1са": 
саѕе "5р1аегтап" : 
доситеп{ .иг1е ("Тпе Ауепрегѕ") 
ргеак 





Прекращение работы инструкции ѕуісћ 


Рассматривая код примера 14.14, можно заметить, что, как и в РНР, команда бБпеак 
позволяет сценарию прекратить работу инструкции зи1сН при соблюдении усло- 
вия. Если вы не хотите, чтобы выполнение всех инструкций, начиная со следующей 
саѕе, продолжилось, не забудьте поставить команду Ьгеак. 


Действие по умолчанию 


С помощью ключевого слова іеҒаи1+ для инструкции ѕмісһ можно определить 
действие по умолчанию на тот случай, когда не будет выполнено ни одно из усло- 
вий. В примере 14.15 показан фрагмент кода, который может быть вставлен в код 
примера 14.14. 
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Пример 14.15. Инструкция аегаиК, предназначенная для кода примера 14.14 


ефаи1*: 
досчтеп* .мг1{е ("Нераспознанный выбор") 
бргеак 


Оператор ? 


Трехкомпонентный оператор, состоящий из вопросительного знака (?), применя- 
емого в сочетании с символом двоеточия ( :), является упрощенной формой текста 
іҒ. ..е1ѕе. Используя этот оператор, можно поставить за вычисляемым выражени- 
ем знак ? и код, выполняемый в том случае, если выражение вычисляется как гие. 
После этого кода ставится знак : и код, который будет выполнен, если выражение 
будет вычислено как +а1 зе. 


В примере 14.16 показан трехкомпонентный оператор, используемый для вывода 
сообщения о том, что значение переменной а меньше или равно 5, или для вывода 
другого сообщения, если это утверждение не соответствует действительности. 


Пример 14.16. Использование трехкомпонентного оператора 


<$сг1ре> 
аоситеп .мгі+е( 
а <= 5 ? 
"а меньше или равно 5" 
"а больше 5" 


) 


</5сг1ре> 


Для более понятного представления этот оператор был разбит на несколько строк, 
но вы, скорее всего, воспользуетесь его однострочной формой: 


$17е = а <= 5 ? "короткий" : "длинный" 


Циклы 


При рассмотрении циклов нам опять встретится множество параллелей между 
ЈахаЅсгірё и РНР. В обоих языках поддерживаются циклы мһі1е, до. . .мһі1е и Рог. 


Циклы ме 


В ЈауаЅсгірї в циклах мһі1е сначала проверяется значение выражения, а выполне- 
ние инструкций внутри цикла начинается лишь в том случае, если выражение вы- 
числяется как «гие. Если выражение вычисляется как Ға1ѕе, управление переходит 
к следующей инструкции ]ауаз ст! ра (если таковая имеется). 


После завершения итерации цикла выражение опять проверяется на истинность 
и процесс продолжается до тех пор, пока не наступит момент, когда выражение 
будет вычислено как #а15е, или пока выполнение не будет остановлено по какой- 
нибудь другой причине. Этот цикл показан в примере 14.17. 
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Пример 14.17. Цикл йе 


<5сг1ре> 
соипфег=@ 


мһі1е (соипфег < 5) 

{ 
доситеп{ .мг1{е( "Счетчик: " + соипёег + "<рг>") 
++соипіег 


} 


</5сг1рЕ> 


Этот сценарий выведет следующую информацию: 


Счетчик: 
Счетчик: 
Счетчик: 
Счетчик: 
Счетчик : 


Ф ым ә 








Если бы переменная соипїег не увеличивалась на единицу внутри цикла, то 
вполне возможно, что некоторые браузеры перестали бы откликаться из-за входа 
в бесконечный цикл и работу со страницей было бы трудно остановить даже на- 
жатием клавиши Еѕс или кнопки остановки загрузки страницы. Поэтому к циклам 
в ЈауаЅсгір нужно относиться с большой осторожностью. 














Циклы ао...мћ\е 


Когда нужен цикл, в котором еще до того, как будет проверено выражение, должна 
пройти хотя бы одна итерация, используется цикл до. . .мћі1е, который похож на цикл 
мһіЈе, за исключением того, что проверка выражения осуществляется только после 
каждой итерации цикла. Поэтому для вывода первых семи результатов таблицы 
умножения на 7 можно воспользоваться кодом, показанным в примере 14.18. 


Пример 14.18. Цикл а0...м/пйе 


<5сгірё> 
соипЁ = 1 


до 
{ 
доситеп* .мг1{е (соипе + 
} мһі1е (++соип® <= 7) 
</ѕсрірі» 


умножить на 7 равно " + соџпё * 7 + "<6г>") 


Как и ожидалось, этот цикл выведет следующую информацию: 


1 умножить на 7 равно 7 

2 умножить на 7 равно 14 
3 умножить на 7 равно 21 
4 умножить на 7 равно 28 
5 умножить на 7 равно 35 
6 умножить на 7 равно 42 
7 умножить на 7 равно 49 
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Циклы Гог 


Цикл Фог объединяет все лучшие качества организации цикла в одной конструк- 
ции, которая позволяет передать каждой инструкции три параметра: 


О выражение инициализации; 


О выражение условия; 





О выражение модификации. 


Эти параметры отделяются друг от друга точками с запятыми: Фог (выражение! ; 
Выражение? ; Выражениез). С началом первой итерации цикла выполняется вы- 
ражение инициализации. Для кода вывода таблицы умножения на 7 переменная 
соип{ будет инициализирована значением 1. Затем после каждого прохождения 
цикла будет проверено выражение условия (в данном случае соипё <= 7), и новое 
вхождение в цикл произойдет только в том случае, если выражение условия будет 
вычислено как гие. И в завершение в конце каждой итерации будет вычислено 
выражение модификации. В случае с таблицей умножения на 7 значение переменной 
соипё увеличивается на единицу. В примере 14.19 показан код такого цикла. 


Пример 14.19. Использование цикла ѓог 


<$сг1ре> 
Фог (соип = 1 ; соип <= 7 ; ++соипї) 
{ 
аоситеп&.мгіъе(соцпё + " умножить на 7 равно " + соипі * 7 + "<рг»"); 
} 
</5сг1ре> 


Каки в РНР, в первом параметре цикла +ог можно присваивать значения сразу 
нескольким переменным, разделяя выражения запятыми: 


Фог (1=1, ј = 1; 1 < 10 ; і++) 


Точно так же в последнем параметре можно осуществлять сразу несколько моди- 
фикаций: 

Ғог (1 = 1; 1 < 10 ; і++, --ј) 

Или можно одновременно делать и то и другое: 


Ғог (1 = 1, ј = 1; 1 < 10 ; і++, --ј) 


Прекращение работы цикла 


Команду бгеак, о важности использования которой в инструкции ѕміёсћ вы уже 
знаете, можно применять и внутри циклов Фог. Например, она может пригодить- 
ся при поиске совпадений определенного вида. Как только совпадение будет 
найдено, продолжение поиска станет пустой тратой времени и заставит вашего 


Циклы 385 





посетителя ждать его завершения. Использование команды бгеак показано в при- 
мере 14.20. 


Пример 14.20. Использование команды Бгеак в цикле ѓог 


<5сг1ре> 
һауѕ+аск = пем Аггау() 
һауѕёаск[17] = "Иголка" 


Ғог (3 = Ө; ј < 20; ++ј) 

{ 
1+ (һауѕ%аск[5] == "Иголка") 
{ 


доситепї.мгіъе("<брг>- найдена в элементе 
Бгеак 


+3) 


} 


е15е доситеп{.имг1е(] +", ") 


} 


</зсг1ре> 


Этот сценарий выводит следующую информацию: 


0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 
- найдена в элементе 17 


Инструкция сопіїпие 


Иногда нужно не выйти из цикла, а пропустить выполнение тех инструкций, кото- 
рые остались в данной итерации. В таких случаях можно воспользоваться командой 
сопЕ1пие. Ее применение показано в примере 14.21. 


Пример 14.21. Использование команды сопйпие в цикле Гог 


<$сг1ре> 
һауѕ+аск = пем Аггау() 
һауѕёаск[4] = "Иголка" 


һауѕёаск[11] = "Иголка" 
һауѕёаск[17] = "Иголка" 


Ғог (3 = 0; ј < 20; ++)) { 


1+ (һауѕ№аск[5] == "Иголка") 

{ 
аоситеп+.мгібе("<Бг>- найдена в элементе " + ј + "<Ьг›") 
сопёіпие 

} 

аоситепё.мгіёе(ӯ +", ") 

} 
</ѕсрірі» 


Обратите внимание на то, что второй вызов метода доситеп{ .мгіѓе не нужно поме- 
щать в инструкцию е1ѕе (как было в предыдущем примере), поскольку, если будет 
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найдено совпадение, в результате выполнения команды сопёіпие данный вызов 
будет пропущен. Этот сценарий выводит следующую информацию: 

9: 1:2. 3 

- найдена в элементе 4 

5, 6, 7, 8, 9, 10, 

- найдена в элементе 11 

12, 13, 14, 15, 16, 

- найдена в элементе 17 

18, 19, 


Явное преобразование типов 


В отличие от РНР, в ЈауаЅсгірі нет явного преобразования типов, осуществляе- 
мого с помощью операторов іпё или +1оа*. Когда нужно, чтобы значение имело 
определенный тип данных, используется одна из встроенных функций ЈауаЅсгірї, 
показанных в табл. 14.6. 


Таблица 14.6. Функции изменения типа, используемые в Јауабсгірї 























Преобразование в тип данных Используемая функция 
Та, Пуебег рагѕепе() 

Воо|, Вооіеап ВооІеап() 

Раф, оцЫе, еа рагѕеЕ1оаб() 

ігі 5ігіпе() 

Атгау ѕрМ№е0) 





Например, чтобы преобразовать число с плавающей точкой в целое число, можно 


использовать следующий код (который выводит значение 3): 


П = 3.1415927 
1 = рагѕеІпї(п) 
доситеп{ .мг1е(1) 


Или можно воспользоваться составной формой: 





доситеп{ .мг1е (рагзеТп*(3.1415927)) 


На этом рассмотрение выражений и способов управления процессом выполне- 
ния сценариев завершается. В следующей главе мы рассмотрим использование 
в ЈауаЅсгірё функций, объектов и массивов. 


Вопросы 


1. Чем отличается обработка логических значений в РНР от их обработки 
в Јауабсгірі? 


2. Какие символы используются для определения имени переменной в ЈауаЅсгірі? 
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омо 


9. 
10. 


В чем разница между унарными, бинарными и трехкомпонентными операто- 
рами? 


Как лучше всего принудительно установить собственный приоритет для опера- 
тора? 


В каком случае следует использовать оператор тождественности (===)? 
Какие две формы выражений считаются самыми простыми? 
Назовите три типа условных инструкций. 


Как в инструкциях 1+ и ий11е интерпретируются условные выражения, в кото- 
рых используются данные, относящиеся к разным типам? 


Почему цикл +ог считается мощнее цикла мһі1е? 


Для чего предназначена инструкция мі+ћ? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Функции, объекты 
и массивы Јауабсгірі 


В ЈауаЅсгірё предоставляется практически такой же доступ к функциям и объ- 
ектам, как и в РНР. Язык ЈауаЅсгірё фактически основан на объектах, поскольку, 
как вы уже поняли, у него есть доступ к ООМ — модели, которая реализует доступ 
к каждому элементу НТМТ-документа, позволяя работать с ним как с объектом. 
Способы применения функций и объектов, а также используемый для этого син- 
таксис очень похожи на все то, что мы видели в РНР, поэтому при изучении этого 
материала, а также при углубленном рассмотрении массивов ЈауаЅсгірї вы будете 
чувствовать себя вполне уверенно. 


Функции ЈауаЅсгірі 


В ]ауабсг!рё наряду с доступом к десяткам встроенных функций (или методов), 
среди которых и метод мгібе, который, как мы уже видели, использовался в вызовах 
доситеп* .мпі+е, можно создавать и собственные функции. Как только появляется 
какой-нибудь непростой фрагмент кода с перспективами на многократное исполь- 
зование, он становится кандидатом на оформление в виде функции. 


Определение функции 


В общем виде синтаксис функции выглядит следующим образом: 


ФипсЕ1оп имя_функции( [параметр [, ...]]) 


{ 


инструкции 


} 
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Из первой строки синтаксиса следует, что: 


О определение начинается со слова Фипс1оп; 





О следующее за этим словом имя должно начинаться с буквы или символа подчер- 
кивания, за которым следует любое количество букв, цифр, символов доллара 
или подчеркивания; 


О необходимо использовать скобки; 





О дополнительно могут применяться один или несколько параметров, разделенных 
запятыми (о чем свидетельствуют квадратные скобки, не являющиеся частью 
синтаксиса функции). 


Имена функций чувствительны к регистру букв, поэтому строки вееТпри*, бЕТТМРОТ 
и веЕ1при* ссылаются на разные функции. 


В ]ауазстре для имен функций действует общепринятое соглашение: первая буква 
каждого слова в имени, за исключением первой буквы всего имени, должна быть 
прописной. Поэтому в приведенных примерах имен предпочтение следует отдать 
имени ре1при*, имеющему формат, используемый большинством программистов. 
Это соглашение часто называют БитруСарѕ (неровностями из прописных букв) 
или сате!Сазе (верблюжий регистр). 


Инструкции, которые будут выполняться после вызова функции, начинаются с от- 
крывающей фигурной скобки, а составляющая ей пару закрывающая фигурная скобка 
должна завершать перечень этих инструкций. Среди инструкций обязаны присут- 
ствовать одна или несколько инструкций гефигп, которые заставляют функцию пре- 
кратить выполнение и вернуть управление вызвавшему ее коду. Если к инструкции 
гефигп прилагается какое-нибудь значение, то вызывающий код может его извлечь. 


Массив аргументов 


Составной частью каждой функции является массив аргументов — агритепт$. 
Благодаря ему можно определить количество переменных, переданных функ- 
ции, и понять, что они собой представляют. Рассмотрим, например, функцию 
а15р1ау1+етѕ. Один из способов ее создания показан в примере 15.1. 


Пример 15.1. Определение функции 


<5сг1ре> 
а15р1ауІёетѕ ( "Собака", "Кошка", "Пони", "Хомяк", "Черепаха" ) 


ФипсЕ1оп 915р1ауТ+ет$(\1, \2, №3, №4, \5) 
{ 
доситеп{ .мг1е(м1 + "<6г>") 
доситеп{ .мг1е(\2 + "<6г>") 
доситеп{ .мг1е(м3 + "<6г>") 
доситеп{ .мг1е(у4 + "<6г>") 
доситеп{ .мг1е(м5 + "<6г>") 


} 


</зсг1ре> 
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После вызова этого сценария на экране браузера отобразится следующая инфор- 
мация: 


Собака 
Кошка 
Пони 
Хомяк 
Черепаха 


А что делать, если функции нужно будет передать больше пяти аргументов? К тому же 
применение вместо цикла многократного вызова метода доситеп* .иг4{е счита- 
ется слишком расточительным приемом программирования. К счастью, массив 
агвитепёѕ позволяет приспособиться к обработке любого количества аргументов. 
В примере 15.2 показана возможность использования этого массива для придания 
предыдущему примеру более рациональной формы. 


Пример 15.2. Модификация функции для использования массива аргументов 


<ѕсгірі» 
Ғипсбіоп 415р1ауІёетѕ () 


{ 
Ғог (3 = 0; ј < аіѕр1ІауІёетѕ.агритепёѕ.1Іепеёһ ; ++)) 
аоситеп .мгібе(а915р1ауІбетѕ.агвитеп5[5] + "<6г>") 


} 


</5сг1ре> 


Обратите внимание на использование свойства 1епёВ, которое уже встречалось 
в предыдущей главе, а также на то, как с помощью переменной 3, являющейся 
индексным смещением внутри массива, осуществляется ссылка на элементы 
41зр1ау14етз .агритепёѕ. Поскольку тело цикла +ог состоит всего из одной ин- 
струкции, я решил не заключать его в фигурные скобки, чтобы не загромождать код 
функции. Не забудьте, что цикл должен остановиться, когда значение переменной ј 
будет на единицу меньше значения 1епеќ&ћ, а не равно ему. 


Теперь благодаря данной технологии у вас есть функция, способная принимать 
любое количество аргументов и делать с каждым аргументом все, что вам захо- 
чется. 


Возвращение значения 


Функции используются не только для отображения информации. Чаще всего они 
применяются для выполнения вычислений или обработки данных с возвращением 
полученного результата. Функция +1хМате$, показанная в примере 15.3, задействует 
массив агвитеп*$ (рассмотренный в предыдущем пункте) для приема переданной 
ей последовательности строк и возвращения всех этих строк в виде одной строки. 
Слово #іх (исправление) в ее имени означает, что она переводит каждый символ 
в аргументах в нижний регистр, делая исключение для первой буквы каждого ар- 
гумента, которую она превращает в прописную. 
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Пример 15.3. Приведение в порядок полного названия 


<$сг1ре> 
доситеп{ .мг1{е (+1хМате$ ("Еһе", "РАШГАЅ", "СомВоуѕ")) 


ФипсЕ1оп ҒіхМатеѕ() 


{ 


уаг $ = 


Ғог (ӯ = 0 ; } < ҒіхМатеѕ.агвитепеѕ.1Іепећ ; ++ј) 
$ += ҒіхМатеѕ .агритепіѕ[5 ].сһагА+(0).оуррегСаѕе() + 
ҒіхМ№атеѕ . агвитепёѕ [5 ]. ѕибрѕ6г (1) . ог омегСаѕе() + 


геъигп 5.5005+е(0, 5.ІепеЕһ-1) 


} 


</5сг1рЕ> 


К примеру, если вызвать эту функцию с параметрами «Пе, РАШАЅ и СомВоуз, то она 
вернет строку Тһе Ба11а$ Сомбоуѕ. Проанализируем работу этой функции. Сначала она 
инициализирует временную (и локальную) переменную $, присваивая ей значение 
пустой строки. Затем с помощью цикла +ог осуществляется последовательный пере- 
бор каждого переданного параметра с выделением его первой буквы с помощью метода 
спагА* и переводом ее в верхний регистр с помощью метода ёоуррегсСаѕе. Все методы, 
показанные в этом примере, встроены в ЈауаЅсгірі и доступны по умолчанию. 


После этого для извлечения оставшейся части каждой строки используется ме- 
тод ѕибѕ+г, а для перевода букв этой части строки в нижний регистр — метод 
огомегсСаѕе. Если здесь применить полную версию вызова метода ѕирѕіг, то в ней 
вторым аргументом нужно указать, из какого количества символов будет состоять 
извлекаемая подстрока: 


ѕирѕг(1, (агвитеп*$[]].1епв И) - 1) 


Иными словами, в этом вызове метода ѕирѕіг говорится следующее: «Начни с сим- 
вола, который находится в позиции 1 (это второй символ), и верни оставшуюся 
часть строки (равную длине строки — 1епеёћ за вычетом одного символа)». Но, что 
особенно приятно, метод зи6$Ег заранее предполагает, что если второй аргумент 
опущен, то вам нужна вся оставшаяся часть строки. 


После того как весь аргумент будет переделан для получения нужного результата, 
к нему добавляется пробел и результат присоединяется к значению временной 
переменной 5. 


На завершающей стадии к содержимому переменной $ опять применяется метод 
зиб г. Поскольку последний пробел нам не нужен, мы используем метод ѕибѕёг, 
чтобы вернуть всю строку, за исключением ее последнего символа. 


Этот пример особенно интересен тем, что в нем показано использование в одном 
выражении сразу нескольких свойств и методов, например: 


ҒіхМатеѕ . агвитеп*$[)].зи6$г(1).фогомегСазе() 
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Чтобы понять суть этой инструкции, ее нужно мысленно разделить на части, 
используя в качестве разделителей точки. ЈауаЅсгірё вычисляет эти элементы 
инструкции слева направо. 


1. Берется имя функции: #іхМатеѕ. 
Из массива аргументов этой функции извлекается элемент 3. 


К извлеченному элементу применяется метод ѕирѕёг с параметром 1. Благодаря 
этому следующей части выражения будет передан весь извлеченный элемент, 
за исключением первого символа. 


4. Ктой строке, которая только что была передана, применяется метод «о[омегСазе. 


Такие построения часто называют составлением цепочки методов. Если, к примеру, 
приведенному здесь выражению передать строку тіхейсАЅЕ, то она пройдет через 
следующие преобразования: 


тіхеасаѕе 
іхеасаѕе 
1хедсазе 


Иными словами, #1хМатез . агритепе$ [5] выдает тіхейсАѕЅЕ, затем ѕибѕЁг(1) полу- 
чает тіхейсАЅЕ и выдает іхейсАѕЕ, и наконец фо! омегСаѕе() получает іхеасАѕЕ 
и выдает іхейсаѕе. 


И последнее напоминание: созданная внутри функции переменная ѕ имеет локаль- 
ную область видимости и не может быть доступна за ее пределами. Возвращая ѕ 
С ПОМОЩЬЮ инструкции геи гп, мы делаем ее значение доступным вызывавшему 
функцию коду, который может его сохранить или использовать любым другим 
способом. 


Но с завершением работы функции сама переменная $ исчезает. Хотя мы можем 
заставить функцию работать и с глобальными переменными (что иногда просто не- 
обходимо), все-таки лучше просто вернуть те значения, которые нужно сохранить, 
и дать возможность ЈауаЅсгірё избавиться от всех остальных переменных, которые 
использовались функцией. 


Возвращение массива 


В примере 15.3 функция возвращает только один параметр. А что делать, если 
нужно вернуть сразу несколько параметров? Решить задачу поможет возвращение 
массива, показанное в примере 15.4. 


Пример 15.4. Возвращение массива значений 


<ѕсгірі» 
могаѕ = ҒіхМ№Матеѕ ("©һе", "РАША5", "СомВоуѕ") 


Ғог (ј = @ ; ј < могӣѕ.Іепвіћ ; ++ј) 
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доситеп* .мг1е(мога$[3] + "<6г>") 


Ғипсёіоп ҒіхМатеѕ () 


{ 
үаг $ = пем Аггау() 
Ғог (3 = 0 ; ј < ҒіхМатеѕ.агвитепеѕ.1епећ ; ++ј) 
5[5] = ҒіхМатеѕ.агвитепёѕ [5 ] .сһагА (0) .©о0ррегСаѕе() + 
ҒіхМ№атеѕ . агевитепёѕ [5]. ѕирѕ+г (1) . оі омегСаѕе() 
геёигп 5 
} 
</ѕсрірі» 


Здесь переменная могаѕ автоматически определяется в виде массива и заполня- 
ется результатами, возвращенными вызовом функции #іхМ№Матеѕ. Затем цикл #ог 
осуществляет последовательный перебор элементов массива, отображая каждый 
элемент. 


Что касается функции +1хМате$, то она практически идентична использованной 
в примере 15.3, за исключением того, что переменная $ теперь является массивом, 
возвращаемым с помощью инструкции гефигп. 


Эта функция позволяет извлекать отдельные параметры из возвращенных ею эле- 
ментов, например, как в следующем коде (который выводит строку Тһе Сомбоуѕ): 


могӣѕ = ҒіхМатеѕ ("+Не", "ОАЕЕА$", "СомВоуѕ") 
доситеп{ .имг1е (мога$[9] + " " + могаѕ[2]) 


Объекты Јауабсгірё 


По сравнению с переменными, которые в каждый конкретный момент могут со- 
держать только одно значение, объекты ЈауаЅсгірё — это значительный шаг вперед, 
поскольку в них может содержаться несколько значений и даже функций. Объект 
группирует вместе данные и функции для работы с ними. 


Объявление класса 


При создании сценария, в котором используются объекты, необходимо спроекти- 
ровать структуру из данных и кода, называемую классом. Каждый новый объект, 
основанный на конкретном классе, называется экземпляром класса. Вам уже из- 
вестно, что данные, связанные с объектом, называются его свойствами, а функции, 
которые им используются, называются методами. 


Посмотрим, как объявляется класс для объекта по имени ЏОѕег, который будет 
содержать сведения о текущем пользователе. Для создания класса нужно просто 
создать функцию с именем этого класса. 
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Эта функция может воспринимать аргументы (позже будет показано, как она 
вызывается) и создавать свойства и методы для объектов класса. Такая функция 
называется конструктором. 


В примере 15.5 показан конструктор для класса Оѕег, имеющий три свойства: 
имя — фогепате, пользовательское имя — иѕегпате и пароль — раѕѕмога. В классе 
также определяется метод демонстрации сведений о пользователе — ѕћомЏѕек. 


Пример 15.5. Объявление класса Џѕег и его метода 


<ѕсгірі» 
Ғипсъіоп Узег(Фогепате, иѕегпате, раѕѕмога) 
©һіѕ.Ғоғепате = Фогепате %11$.изегпате = иѕегпате 
©һіѕ.раѕѕмога = раз$мога 


єһіѕ.ѕһомОѕе” = Ғипсёіоп() 


{ 


доситеп{ .мгібе( "Имя: " + Еһіѕ.Ғогепате + "<6г>") 
доситеп* .мгібе ("Пользовательское имя: " + +һіѕ.иѕегпате + "<6г>") 
доситеп{ .мг1{е ( "Пароль: " + +һіѕ.раѕѕмога + "<Бе>") 


} 
} 


</5сг1ре> 
От ранее рассмотренных эту функцию отличают несколько особенностей. 


О При каждом вызове функции ею создается новый объект. То есть, к примеру, 
можно вызвать одну и ту же функцию многократно с разными аргументами, 
чтобы создать объекты для пользователей с разными значениями свойства 
имени Ғогепапе. 


о Она ссылается на объект по имени 411$, который является ссылкой на создава- 
емый экземпляр. В примере показано, что имя 411$ используется объектом для 
установки своих собственных свойств, которые для разных экземпляров Оѕег 
будут иметь разные значения. 


о Внутри этой функции создается новая функция по имени зПомЦзег. Здесь по- 
казан новый, усложненный синтаксис. Его задача — привязать ѕћомЏѕег к классу 
Оѕег. Таким образом, ѕһомОѕег становится методом класса Оѕег. 


Здесь используется соглашение о выборе имен, согласно которому все свойства 
получают имена, состоящие из букв в нижнем регистре, а в имени метода в соот- 
ветствии с упомянутым в данной главе соглашением БитруСарѕ есть по крайней 
мере одна прописная буква. 


В примере 15.5 соблюдается рекомендуемый способ создания конструктора класса, 
который состоит в том, что методы включаются в функции конструктора. Но в при- 
мере 15.6 показано, что можно также ссылаться на те функции, которые определены 
за границами конструктора. 
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Пример 15.6. Раздельное объявление класса и метода 


<5сг1ре> 
ФипсЕ1оп Оѕег(Ғогепате, иѕегпате, раѕѕмога) 
{ 
4{615.Фогепате = Ғогепате 
4{615$.изегпате = иѕегпате 
{115$ .раз5мога = раѕѕмога 
4615$.5Пом/зег = ѕһомОѕег 


} 


Ғипсёіоп ѕћомОѕег() 

{ 
аоситеп .мгіъе ( "Имя: + {115$.Рогепаме + "<6г>") 
доситеп* .иг1{е ("Пользовательское имя: " + һіѕ.иѕегпаме + "<6г>") 
доситеп{ .мг1{е ( "Пароль: " + һіѕ.раѕѕмога + "<6г>") 


} 


</зсг1ре> 


Эта форма объявления класса показана с расчетом на то, что вам наверняка придется 
сталкиваться с использованием кода, созданного другими программистами. 


Создание объекта 
Для создания экземпляра класса Оѕе можно воспользоваться следующей инструкцией: 
4ефа115$ = пем Цзег("мо1рапё", "м.а.тохаге", "сотроѕег") 


Или же можно создать пустой объект: 


де+аі15 = пем Оѕег() 


а затем наполнить его содержимым: 


ефа11$.Рогепате = "Ао1#рапұе" 
деёаі15.иѕегпате = "м.а. тоғагі" 
деаі15.раѕѕмога = "сотрозег" 


К объекту также можно добавлять новые свойства: 


ефа11$ .ргее{1п& = "Привет" 


Проверить работу только что добавленного свойства можно с помощью следующей 
инструкции: 


аоситеп+.мгіъе(аеёаі15.ргееёіпе) 


Доступ к объектам 
Для доступа к объекту можно сослаться на его свойства, как показано в следующих 
не связанных друг с другом примерах инструкций: 


пате = 4ефа11$.Фогепате 
1+ (4ефа11$.изегпаше == "Аатіп") 1021пАзАдт1п() 
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А для доступа к методу пом) ег, принадлежащему объекту класса Чзег, нужно 
воспользоваться следующим синтаксисом, в котором применяется уже созданный 
и заполненный данными объект 4ефа115: 


Чефа11$.$Помзег() 


В соответствии с ранее предоставленными объекту данными этот код отобразит 
следующую информацию: 


Имя: Мо1#еапе 
Пользовательское имя: м.а. тоғагі 
Пароль: сотроѕег 


Ключевое слово ргоќоёуре 


Использование ключевого слова ргофофуре позволяет добиться существенной эко- 
номии оперативной памяти. Каждый экземпляр класса Узег будет содержать три 
свойства и один метод. Поэтому, если в памяти содержится тысяча таких объектов, 
метод ѕһомуѕег также будет растиражирован тысячу раз. Но, поскольку в каждом 
экземпляре присутствует один и тот же метод, можно предписать новому объекту 
ссылаться на единственный экземпляр этого метода и не создавать его копию. 
Итак, вместо использования в конструкторе класса строки кода: 


єһіѕ.ѕһомОѕе” = Ғипсёіоп() 


можно воспользоваться следующей строкой: 


Оѕег.ргоёоёуре.ѕћомЏѕег = Ғипсёіоп() 


Код обновленного конструктора показан в примере 15.7. 


Пример 15.7. Объявление класса с использованием для метода ключевого слова ргоїоїуре 


<ѕсгірі» 
Ғипсъіоп Узег(Фогепате, иѕегпате, раѕѕмога) 
©һіѕ.Ғоғепате = Фогепате 
©һіѕ.иѕегпате = изегпате 
©һіѕ.раѕѕмога = раѕѕмога 


Узег.ргофофуре . ПомИзег = Ғипсёіоп() 
{ 
доситеп{ .мг1{е ( "Имя: 
доситеп{ .мг1{е ("Пользовательское имя: 
доситеп{ .мг1е ( "Пароль: " 
} 
} 


</5сг1ре> 


+ 11015 .Рогепаме + "<6г>") 
"+ 4115$.изегпаме + "<6г>") 
+ {115$ .раз$мога + "<6г>") 


Этот код работает благодаря тому, что у всех функций имеется свойство по имени 
ргоёо+уре, разработанное для хранения свойств и методов, не тиражируемых в каж- 
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Дом объекте, создаваемом на основе класса. Вместо этого они передаются объектам 
данного класса по ссылке. 


Это означает, что свойства или методы ргоёо+уре могут быть добавлены в любое 
время и будут унаследованы всеми объектами (даже теми, которые уже были соз- 
даны), что можно проиллюстрировать следующими инструкциями: 


Узег.ргофофуре.вгее{1п= = "Привет" Ядоситеп+ .мгіёе(ЯӢеёаі15.ргеетіпе) 


Первая инструкция добавляет к классу Оѕег прототипное свойство ргото\уре. 
бгееіпв, имеющее значение Привет. Во второй строке уже созданный объект 
деќаі15 вполне корректно отображает это новое свойство. 


Можно также добавлять к классу методы или вносить в них изменения, как по- 
казано в следующих инструкциях: 


Оѕег.ргоёо+уре. ѕһом0ѕег = Ғипсёіоп() 


{ 
доситеп* .мг1е ("Имя " + {115 .Когепаме + 
" Пользователь " + {11$ .изегпате + 
" Пароль " + {115$ .раз$мога) 
} 


ефа11$.зПомИзег() 


Эти строки можно поместить в свой сценарий, в инструкцию условия (например, 
в і#), чтобы они запускались только в том случае, когда действия пользовате- 
ля наталкивают на принятие решения о применении другого метода ѕһћомуѕег. 
После запуска этих строк кода даже для уже созданного объекта дета115 при всех 
последующих вызовах метода де+аі15. НомИзег будет запускаться новая версия, 
а старое определение ѕһомОѕег будет стерто. 


Статические методы и свойства 


При изучении объектов РНР вы узнали, что у классов могут быть статические свой- 
ства и методы, а также свойства и методы, связанные с конкретным экземпляром 
класса. ЈауаЅсгірі также поддерживает статические свойства и методы, которые 
легко и просто могут сохраняться в принадлежащие классу прототипы и извле- 
каться из них. Следующие инструкции устанавливают в класс Узег и считывают 
из него статическую строку: 


У5ег.ргофофуре. вгее{1т8 = "Привет" 
доситеп{ . иг1е (Узег.ргофофуре. сгееіпв) 


Расширение объектов Јауабсгірї 


Ключевое слово ргофофуре позволяет даже добавлять функциональные возможно- 
сти встроенным объектам. Предположим, что нужно добавить возможность замены 
всех пробелов в строке неразрывными пробелами, чтобы избежать переноса ее 
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части на новую строку. Это можно сделать добавлением к имеющемуся в ЈауаЅсгірё 
определению исходного объекта $г4пв прототипного метода: 


$4г1п8 .ргофофуре.пЬзр = ФипсЕ1оп() 


{ 
} 


гефигп Ёһіѕ.гер1асе(/ /=, '&п65р;') 


В коде этого метода для поиска всех одиночных пробелов и замены их строкой 
&п6зр; используются метод гер1асе и регулярное выражение. 


Если вы еще не знакомы с регулярными выражениями, следует пояснить, что они 
являются очень удобными средствами извлечения информации из строк или ма- 
нипулирования строками и весьма подробно рассматриваются в главе 16. А пока 
вы можете скопировать и вставить предыдущие примеры, и они будут работать 
согласно описаниям, иллюстрируя возможности расширения ЈауаЅсгірі-объектов 
ЅЕгіпе. 


Если после запуска этого кода будет введена следующая команда: 


доситеп* .мгібе("Шустрая бурая лиса" .пЬ$р()) 


то в результате ее работы будет выведена следующая строка: Шустрая&пЬѕр; бу - 
рая&пЬѕр; лиса. Посмотрите также на метод, приведенный далее. Его можно доба- 
вить для удаления всех пробелов, с которых начинается и которыми заканчивается 
строка (в нем опять используется регулярное выражение): 


$4г1п8 .ргофофуре. Ег4м = ФипсЕ1оп() 


{ 
} 


геёигп +015 .гер1асе(/^\$+|\5+$/в=, '') 


Если выдать следующую инструкцию, то на выходе будет получена строка Пожалуй- 
ста, избавьте меня от лишних пробелов (то есть из нее будут удалены все начальные 
и замыкающие пробелы): 


доситеп* .мг1{е(" Пожалуйста, избавьте меня от лишних пробелов ". Єгіт()) 


Если разбить выражение на составные части, то два символа / помечают начало 
и конец выражения, а завершающий символ в задает глобальный поиск. Внутри 
выражения его часть ^\$+ задает поиск одного или нескольких пробельных сим- 
волов применительно к началу строки, в которой ведется поиск, а его часть \5+$ 
задает поиск одного или нескольких пробельных символов применительно к концу 
строки, в которой ведется поиск. Расположенный в середине символ | служит раз- 
делителем альтернативных вариантов регулярного выражения. 


В результате при соответствии любого из этих выражений соответствующая часть 
заменяется пустой строкой, возвращая тем самым усеченную версию строки без 
лидирующих и замыкающих пустых пространств. 
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Среди программистов возникают споры, насколько хороша или плоха практика 
расширения объектов. Одни говорят, что при последующем расширении объекта, 
при котором добавленная вами функциональная возможность предлагается впол- 
не официально, ее реализация может отличаться от вашей, или же совершать 
нечто абсолютно иное по сравнению с вашим расширением, что в последующем 
может создать конфликтную ситуацию. Другие же, включая автора Зауа5сире, 
говорят, что практика создания расширений вполне приемлема. Я склонен со- 
гласиться с последними, но в коде, предназначенном для промышленного при- 
менения, лучше выбирать такие имена расширений, использование которых 
в официальных реализациях будет наименее вероятным. К примеру, расширение 
гіт можно переименовать в тут, и поддерживающий его код может с большей 
долей безопасности быть написан следующим образом: 











$Ег1пв .ргофофуре.туг1т = Ғипсёіоп() 


{ 


геёигп +015 .гер1асе(/^\$+|\5+$/в, '') 


} 





Массивы в Зауа$сире 


Работа с массивами в ]ауаЗст!рё очень напоминает работу с ними в РНР, хотя 
синтаксис имеет несколько иной вид. Тем не менее с учетом уже приобретенных 
знаний о массивах освоить материал этого раздела будет относительно не- 
сложно. 


Числовые массивы 


Чтобы создать новый массив, нужно воспользоваться следующим синтаксисом: 
аггаупате = пем Аггау() 
или же его более краткой формой: 


аггаупате = [] 


Присваивание значений элементам массива 


В РНР можно было добавить к массиву новый элемент простым присваиванием 
ему значения, без указания смещения элемента относительно начала массива: 


$аггаупате[] = "Элемент 1"; 
$аггаупате[] = "Элемент 2"; 


В ЈауаЅсгірё для этих же целей используется метод риѕћ: 


аггаупате .риѕћ( "Элемент 1") 
аггаупате .риѕћ( "Элемент 2") 
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Он позволяет добавлять к массиву элементы, не отслеживая их количество. Когда 
потребуется узнать, сколько элементов содержится в массиве, можно будет вос- 
пользоваться свойством Іепеќ&ћ: 


аоситеп .мгіъе (аггаупате. Іепе+ћ) 


Если нужно будет проконтролировать размещение элементов, расставляя их по 
конкретным местам, можно воспользоваться другим синтаксисом: 


аггаупате[0] = "Элемент 1" 
аггаупате[1] = "Элемент 2" 


В примере 15.8 показан простой сценарий, в котором создается массив, в него за- 
гружается несколько элементов, после чего эти элементы отображаются на экране. 


Пример 15.8. Создание, построение и вывод массива на экран 


<ѕсгірі» 
питбег$ = [] 
питбег$ .риѕћ ("Один") 
питбег$ .риѕћ ("Два") 
питбег$ .ризВ ("Три") 


Ғог (ӯ = 0; ј < питбегѕ.Іепеёћ ; ++ј) 


доситеп{ .мг1е ("Элемент " + ј +" = " + питрегѕ[5] + "<6г>") 
</5сг1ре> 


Этот сценарий выводит следующую информацию: 


Элемент Ө = Один 
Элемент 1 Два 
Элемент 2 = Три 


Присваивание с использованием ключевого слова Аггау 

С помощью ключевого слова Аггау можно также создать массив с несколькими 
исходными элементами: 

питбег$ = Аггау( "Один", "Два", "Три") 


После этого ничто не помешает добавить к данному массиву дополнительные 
элементы. 


Теперь в вашем распоряжении есть несколько способов добавления элементов 
к массиву и один способ ссылки на них, но ЈауаЅсгірё предлагает куда более обшир- 
ный арсенал способов, к рассмотрению которых мы скоро перейдем. Но сначала 
рассмотрим еще один тип массива. 


Ассоциативные массивы 


К ассоциативным относятся такие массивы, в которых ссылки на элементы осу- 
ществляются по именам, а не по целочисленному смещению. Но в Јауа$Ѕсгірё подоб- 
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ные структуры не поддерживаются. Нам придется добиваться нужных результатов 
путем создания объекта с аналогично работающими свойствами. 


Чтобы создать «ассоциативный массив», нужно определить блок элементов, за- 
ключенный в фигурные скобки. Для каждого элемента слева от двоеточия (:) 
указывается его ключ, а справа — содержимое. В примере 15.9 показано, как мож- 
но создать ассоциативный массив для хранения данных о товаре в разделе мячей 
интернет-магазина спортивного инвентаря. 


Пример 15.9. Создание и отображение ассоциативного массива 


<5сг1ре> 
Ба11$ = {"гольф": "Мячи для гольфа, 6", 
"теннис": "Мячи для тенниса, 3", 
"футбол": "Футбольный мяч, 1", 
"пинг-понг": "Мячи для пинг-понга. 12 шт." } 


Фог (Ба11 іп ба115) 
аоситепё.мгі%е(ба11 + " = " + Ба11$[Ба11] + "<6г>") 
</ѕсрірі» 


Для проверки факта создания и заполнения массива я воспользовался еще одной 
разновидностью цикла #ог, в которой применяется ключевое слово іп. В этом 
цикле создается новая переменная, которая задействуется только внутри массива 
(в данном примере — Ба11), и вызывается последовательный перебор всех элемен- 
тов массива, указанных справа от ключевого слова іп (в данном примере — ба115). 
Цикл обрабатывает каждый элемент массива ба115, помещая значение ключа 
в переменную ба11. 


Используя значение ключа, сохраненное в переменной ба11, можно также полу- 
чить значение текущего элемента массива ба115. Результат вызова сценария этого 
примера в браузере будет иметь следующий вид: 

гольф = Мячи для гольфа, 6 

теннис = Мячи для тенниса, 3 


футбол = Футбольный мяч, 1 
пинг-понг = Мячи для пинг-понга, 12 шт. 


Чтобы получить значение конкретного элемента ассоциативного массива, нужно 
в явном виде указать его ключ (в данном случае будет выведено значение Футболь- 
ный мяч, 1) 


доситеп{ .мг1е(Ба11$[ 'футбол' ]) 


Многомерные массивы 


В /ауазсг1рё для создания многомерного массива нужно просто поместить массивы 
внутрь других массивов. Например, чтобы создать массив, содержащий сведения 
о двумерной шахматной доске (8 х 8 клеток), можно воспользоваться кодом при- 
мера 15.10. 
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Пример 15.10. Создание многомерного числового массива 


<$сг1ре> 
спескегбоага = Аггау( 
Аггау( * ', ‘о’, ' "5 "0"; ! "5 ‘о’, ' ", '0'), 
Аггау('о', ! "5 'о', у "5 '0", Ы "5 ‘о’, ! "3 
Аггау(' Е буз Е г ‘о’, ' То 'о', ' 7 0"); 
Аггау(' г ! 3 | а | 7 ь ВГ, р “5 я Е | '), 
Аггау( * Г. ! а ' 87 ! м ь Е | "> ' "2 ! м) з 


Аггау( "0", '', 10,1 '0','', 10, !), 
Аггау(" "10", и 0и 0, и", '0'), 
Аггау( "0", '', 0, ит Оти, 0", ')) 

аоситепё .мг1{е("<рге>") 


Ғог (3 = 0; ју < 8; +ј) 


Ғог (к= 6; К< 8 ; ++к) 
доситеп* .мг1{е ( спескегбоага[ 3] [к] + " ") 


доситеп+ .мг1е("<6г>") 


} 


доситеп* .мг1{е("</рге>") 
</5сг1ре> 


В данном примере буквами нижнего регистра обозначены черные, а буквами верх- 
него регистра — белые фигуры. Два цикла +ог, один из которых является вложен- 
ным, осуществляют последовательный перебор элементов массива и отображают 
его содержимое. 


Внешний цикл содержит две инструкции, поэтому они заключены в фигурные 
скобки. Внутренний цикл обрабатывает каждую клетку в горизонтали, выводя 
символ, находящийся в позиции [3] [К], за которым следует пробел (чтобы придать 
выводимой информации квадратную конфигурацию). В этом цикле содержится 
всего одна инструкция, поэтому заключать ее в фигурные скобки не имеет смысла. 
Теги <рге> и </рге> обеспечивают корректный вывод информации: 


Можно также получить непосредственный доступ к любому элементу данного 
массива, применив для этого квадратные скобки: 


аоситеп .мг1{е ( спескегбоага[7][2]) 
Эта инструкция выводит букву о верхнего регистра, то есть содержимое восьмой 


сверху и третьей справа клетки — напоминаю, что индексация элементов в массиве 
начинается с нуля, а не с единицы. 
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Методы массивов 


Реализовать возможности, предоставленные массивами, помогают имеющиеся 
в ЈауаЅсгірё готовые к использованию методы для работы с ними и с содержащими- 
ся в них данными. Рассмотрим подборку, состоящую из наиболее востребованных 
методов. 


Метод ѕоте 


Когда нужно узнать, соответствует ли хотя бы один элемент определенному кри- 
терию, можно воспользоваться методом ѕоте, который позволит протестировать 
все элементы и автоматически остановиться, возвратив требуемое значение при 
первом же найденном соответствии. Это избавит вас от необходимости написания 
собственного кода для выполнения подобного поиска: 


ФипсЕ1оп 1$В1евегТнап10(е1етеп&, 1паех, аггау) 


{ 


геёигп е1етепЕ > 10 


} 


геѕи1+ = [2, 5, 8, 1, 4].ѕоте(15ВіврегТһап10); // результатом будет Ға15е 
геѕи1+ = [12, 5, 8, 1, 4].ѕоте(15ВіврегТһап10); // результатом будет гие 


Метод таехОЕ 


Для определения факта нахождения элемента в массиве можно воспользоваться 
в отношении массива методом 1пдехо+, которым будет возвращено смещение обна- 
руженного элемента (начиная с нуля) или значение -1, если элемент не будет найден. 
Например, при выполнении следующего кода переменной о##ѕе& будет присвоено 
значение 2: 


ап1та1$ = ['кот', собака', 'корова', ‘лошадь’, 'слон'] 
оҒҒѕе = ап1та1$.1п4ехО+( ' корова') 


Метод сопсаї 


Метод сопса+ объединяет два массива или ряд значений в массив. Например, сле- 
дующий код выведет Банан, Виноград, Морковь, Капуста: 


1ги1 = ["Банан", "Виноград" ] 
уеб = ["Морковь", "Капуста" ] 


доситеп{ . мг1е (ги1* .сопса* (мезё)) 


В качестве аргументов можно указать несколько массивов, тогда метод сопсаї до- 
бавит все их элементы в порядке указания массивов. 
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А вот еще один способ использования метода сопса*, где с массивом реф $ объединяют- 
ся простые значения и на экран выводится строка Кошка, Собака, Рыба, Кролик, Хомяк: 


реїѕ = ["Кошка", "Собака", "Рыба" ] 
тоге_ре{$ = ре*$.сопса*( "Кролик", "Хомяк" ) 


доситеп{ .мг1е (тоге_ре*$) 


Метод ѓогЕасћ (для браузеров не из семейства ТЕ) 


Используемый в Јауа$сгірё метод ҒогЕасһ является еще одним способом получе- 
ния функциональных возможностей, аналогичных тем, которые предоставляются 
ключевым словом РНР +огЕасн. Воспользоваться этим методом можно, передав 
ему имя функции, которая будет вызвана для каждого элемента массива. Как это 
делается, показано в примере 15.11. 


Пример 15.11. Использование метода ѓогЕасћ 


<ѕсгірі» 
реїѕ = ["Кошка", "Собака", "Кролик", "Хомяк" ] 
реїѕ . ҒогЕасһ(оиёри+) 


Ғипсбіоп оиёри+ (еїетепё, 1паех, аггау) 


Чоситеп{ .мг1{е ("Элемент с индексом 
е1етепЕ + "<6г>") 


+ іпаех + содержит значение + 


} 


</5сг1ре> 


В данном случае функция, передаваемая методу +огЕасй, называется оиёриї. 
Она воспринимает три параметра: элемент, его индекс и массив. Как они исполь- 
зуются, зависит от потребностей вашей функции. В данном примере они просто 
отображают значения индекса и элемента с помощью метода доситеп* .мгіќе. 


После того как массив будет заполнен, можно вызвать рассматриваемый метод: 


ре+ѕ .ЕогЕасй (оч ри*) 


На выходе будет получена следующая информация: 


Элемент с индексом 9 содержит значение Кошка 
Элемент с индексом 1 содержит значение Собака 
Элемент с индексом 2 содержит значение Кролик 
Элемент с индексом 3 содержит значение Хомяк 


Метод јоіп 


Метод јоіп позволяет превратить все значения массива в строки, а затем объеди- 
нить их в одну большую строку, расставляя между значениями необязательные 
разделители. В примере 15.12 показаны три способа использования этого метода. 
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Пример 15.12. Использование метода јоіп 


<5сг1ре> 
ре*$ = ["Кошка", "Собака", "Кролик", "Хомяк" ] 


доситеп{ .мгіёе(реіѕ.јоіп() + "<6г>") 

доситеп{ .мгібе(реѕ.јоіп(' ') + "<6г>") 

доситеп{ .мг1е(ре*$.]о4т(' : ') + "<6г>") 
</5сг1ре> 


Если не указывать параметр, метод јоіп использует в качестве разделителя эле- 
ментов запятую, в противном случае между элементами вставляется переданная 
методу јоіп строка. Код примера 15.12 выводит следующую информацию: 


Кошка, Собака, Кролик , Хомяк 
Кошка Собака Кролик Хомяк 
Кошка : Собака : Кролик : Хомяк 


Методы риѕћ и рор 


Применение метода риѕћ для вставки значения в массив уже было рассмотрено. 
Противоположным ему по действию является метод рор. Он удаляет последний 
вставленный элемент из массива и возвращает значение этого элемента. Порядок 
его использования показан в примере 15.13. 


Пример 15.13. Использование методов риѕћ и рор 


<5сгірё> 
Ѕрогёѕ = [ "Футбол", "Теннис", "Бейсбол" ] 
доситеп{ .мгіъе ("Изначально = " + зрогЕ$ + "<Бг>") 


Ѕрогёѕ .риѕћ( "Носкеу") 
доситеп{ .мгібе ("После вставки = " + ѕрогіѕ + "<Бг>") 


гетомеа = ѕрогіѕ.рор() 


доситеп{ .мг1{е ("После удаления = " + зрогЕ$ + "<Бг>") 
доситеп{ .мг1{е ("Удаленный элемент = " + гетоуей + "<6г>") 
</зсг1ре> 


Три основные инструкции этого сценария выделены полужирным шрифтом. 
Сначала в сценарии создается массив по имени ѕрогіѕ, содержащий три элемента, 
затем в него вставляется четвертый элемент, после чего сценарий удаляет этот эле- 
мент. В процессе этих действий с помощью метода аоситеп* .нгіёе отображаются 
разные значения массива. Сценарий выводит следующую информацию: 


Изначально = Футбол, Теннис, Бейсбол 

После вставки = Футбол, Теннис, Бейсбол, Хоккей 
После удаления = Футбол, Теннис, Бейсбол 
Удаленный элемент = Хоккей 


Методы риѕһ и рор применяются в тех случаях, когда нужно отвлечься от каких- 
нибудь действий на другие, а затем вернуться к прежним действиям. Предположим, 
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к примеру, что вам нужно отложить некоторые действия на потом и заняться чем- 
нибудь более важным на данный момент. Такое часто случается в реальной жизни, 
когда просматриваются списки предстоящих дел, поэтому давайте воспроизведем 
это в программном коде в списке из пяти дел применительно к задачам 2 и 5, ко- 
торым отдается приоритет. 


Пример 15.14. Использование методов риѕћ и рор внутри цикла и за его пределами 


<$сг1ре> 
питбег$ = [] 


Фог (3=1 ; ј<6 ; ++ј) 
{ 
1 (9 == 2 || ј == 5) 
{ 
аоситеп .мг1{е ("Выполнение намеченной задачи #" + ј + "<6г>") 
} 
е1ѕе 
{ 
доситеп{ .мг1{е ("Откладывание намеченной задачи #" + ј + 
на потом<6г>") 


питбегѕ .риѕћ(ј) 


} 
} 


досчтеп* .мг1{е ("<Бг>Завершено выполнение приоритетных задач.") 
аоситеп* .мг1{е("<Бг>Начало выполнения отложенных задач в порядке, 
обратном их следованию. <6г><6г>") 


доситеп* .мг1{е ("Выполнение намеченной задачи #" + питЬег$.рор() + "<6г>") 

аоситеп* .мг1{е ("Выполнение намеченной задачи #" + питЬег$.рор() + "<6г>") 

доситеп* .мг1{е ("Выполнение намеченной задачи #" + питЬег$.рор() + "<6г>") 
</5сг1ре> 


Код этого примера выведет следующую информацию: 


Откладывание намеченной задачи #1 на потом 
Выполнение намеченной задачи # 2 
Откладывание намеченной задачи #3 на потом 
Откладывание намеченной задачи #4 на потом 
Выполнение намеченной задачи # 5 


Завершено выполнение приоритетных задач. 
Начало выполнения отложенных задач в порядке, обратном их следованию. 


Выполнение намеченной задачи #4 


Выполнение намеченной задачи #3 
Выполнение намеченной задачи #1 


Использование метода геуегѕе 


Метод гемег5е осуществляет простую перестановку элементов массива в обратном 
порядке. Его действие показано в примере 15.15. 
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Пример 15.15. Использование метода геуегѕе 


<5сг1ре> 
ѕрогёѕ = ["Футбол", "Теннис", "Бейсбол", "Хоккей" ] 
ѕрогіѕ.геуегѕе() 
доситеп{ .мгіъе(ѕрогёѕ) 

</5сг1ре> 


Исходный массив подвергается изменению, и сценарий выводит следующую ин- 
формацию: 


Хоккей, Бейсбол, Теннис ‚Футбол 


Метод 50" 


Метод ѕогі позволяет расставить все элементы массива в алфавитном или в ка- 
ком-нибудь другом порядке в зависимости от применяемых параметров. В при- 
мере 15.16 показаны четыре типа сортировки. 


Пример 15.16. Использование метода $0“ 


<5сг1ре> 
// Сортировка по алфавиту 
ѕрогёѕ = ["Футбол", "Теннис", "Бейсбол", "Хоккей" ] 
ѕрогіѕ.ѕогі() 
доситеп{ .мгіъе(ѕрогёѕ + "<рг>") 


// Сортировка по алфавиту в обратном порядке 
ѕрогёѕ = [ "Футбол", "Теннис", "Бейсбол", "Хоккей" ] 
ѕрогіѕ.ѕогі() .пемегѕе() 

доситеп{ .мгібе(ѕрогёѕ + "<рг>") 


// Сортировка чисел по возрастанию 
питбег$ = [7, 23, 6, 74] 

питбег$ . ѕогї(Ғипсёіоп(а, Б) {геёигп а - 0}) 
доситеп{ .мгіъе(питрегѕ + "<Бе>") 


// Сортировка чисел по убыванию 

питбег$ = [7, 23, 6, 74] 

питбег$ . ѕогї(Ғипсёіоп(а, Б) {геёигп Б - а}) 

доситеп{ .мгіъе(питрегѕ + "<Бе>") 
</ѕсрірі» 


В первом из четырех блоков этого примера применяется сортировка по алфавиту, 
во втором — возвращение к исходному виду, а затем метод геуепѕе, чтобы получить 
сортировку по алфавиту в обратном порядке. 


Третий и четвертый блоки усложнены использованием функции для сравнения 
взаимоотношений междуаи 6. У нее отсутствует имя, поскольку она используется 
только при сортировке. Функция по имени #Ғипсёіоп, которая применяется для 
создания безымянных функций, уже встречалась при определении метода класса 
(метода ѕһом0ѕег). 
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Здесь Ғипсёіоп создает безымянную функцию, отвечающую запросам метода $ог*. 
Если функция возвращает значение больше нуля, сортировка предполагает, что Ь 
ставится перед а. Если функция возвращает значение меньше нуля, сортировка 
предполагает, что а ставится перед Ь. Сортировка запускает эту функцию при- 
менительно ко всем значениям массива для определения порядка их следования. 
(Разумеется, если а и 6 имеют одинаковое значение, функция возвращает нуль, 
и порядок их следования совершенно не важен.) 


За счет манипуляции возвращаемыми значениями (а - 6 илиб -а) в третьем и чет- 
вертом блоках примера 15.16 осуществляется выбор между сортировкой чисел по 
возрастанию и по убыванию. 


На этом я заканчиваю введение в ]ауазст!ре. Теперь у вас должно сложиться 
представление о трех основных технологиях, рассматриваемых в данной книге. 
В следующей главе будут описаны некоторые современные технические приемы, 
основанные на применении всех этих технологий, в частности проверка соответ- 
ствия шаблонам и проверка допустимости введенных значений. 


Вопросы 


1. Обладают ли имена функций и переменных в ЈауаЅсгірї чувствительностью 
к регистру используемых в них букв? 


2. Как создать функцию, которая воспринимает и обрабатывает неограниченное 
количество параметров? 


3. Назовите способ возвращения из функции сразу нескольких значений. 


Какое ключевое слово для ссылки на текущий объект используется при опре- 
делении класса? 


5. Должны ли все методы класса определяться внутри определения самого класса? 
Какое ключевое слово применяется для создания объекта? 


7. Как обеспечить доступность свойства или метода всем объектам класса без его 
тиражирования внутри объекта? 


8. Как создать многомерный массив? 
9. Какой синтаксис используется для создания ассоциативного массива? 


10. Создайте инструкцию для сортировки массива чисел в убывающем порядке. 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Проверка данных 
и обработка ошибок 
в Јауа5сгірё и РНР 


После приобретения основательных знаний по программированию на РНР 
и ]ауаЗсг!рё настало время объединить эти две технологии воедино для создания 
максимально удобных для пользователей веб-форм. 


РНР будет использоваться для создания форм, а ЈауаЅсгірё — для проверки при- 
емлемости и полноты данных на стороне клиента, насколько это возможно до их 
отправки на сервер. После чего окончательная проверка приемлемости введенных 
данных будет выполняться программой РНР, которая при необходимости снова 
выведет форму, чтобы пользователь мог внести в нее изменения. 


В процессе изложения данной главы будут рассмотрены проверка данных и при- 
менение регулярных выражений как в ]ауазст!рь, так и в РНР. 


Проверка данных, введенных пользователем, 
средствами Јауа5сгірїі 


Проверка данных средствами ЈауаЅсгірі должна рассматриваться в качестве помо- 
щи пользователям, а не сайтам, поскольку, как я уже неоднократно подчеркивал, 
нельзя доверять абсолютно ничему, что отправлено на ваш сервер, даже если пред- 
положить, что полученные данные проверены с помощью ЈауаЅсгіре. Дело в том, 
что взломщики могут без особых усилий создать имитацию ваших веб-форм и от- 
править любые нужные им данные. 


Еще одна причина, не позволяющая полагаться на Јауа5сгірё при проверке введен- 
ных данных, заключается в том, что некоторые пользователи отключают ]ауазсг!ре 
или используют браузеры, не поддерживающие этот язык. 
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Поэтому лучшее, что можно сделать при проверке данных средствами Јауа$сгірё, — 
выполнить проверку информационного наполнения тех полей, которые не должны 
оставаться пустыми, обеспечить приведение адресов электронной почты в надле- 
жащий формат и гарантировать то, что введенные значения находятся в пределах 
ожидаемых границ. 


Документ уайда{е. Пг! (часть первая) 


Рассмотрим стандартную регистрационную форму, используемую большинством 
сайтов, на которых работать можно только зарегистрированным пользователям. 
В форме будут запрашиваться имя, фамилия, пользовательское имя, пароль, воз- 
раст и адрес электронной почты. В примере 16.1 показан шаблон, который может 
применяться для этой формы. 


Пример 16.1. Форма с проверкой данных средствами ЈауаЅсгірї (часть первая) 
<!РОСТУРЕ һҺёт1> 


<һЕт1> 
<һеад> 
<{1{1е>Пример формы</&1+1е» 
<5{$у1е> 
.ѕівпир { 
рогдег: 1рх $0114 #999999; 
Ғопё: погта1 14рх һе1ме+іса; 
со10г:#444444; 
} 
</ѕ%у1е»> 
<5сгірі» 


Ғипсёіоп ма1ійа+е(Ғогт) { 
Ғаі1 = уа1ійа+еҒогепате( Ғогт. Ғогепате.ума1ие) 
Ғаі1 += ма1іда+еЅигпате( Ғогт. ѕигпате.ма1ие) 
Ғаі1 += ма1іда+еуѕегпате ( Ғогт.иѕегпате.ма1ие) 
Ғаі1 += ма1іда+еРаѕѕмога( Ғогт.раѕѕмога.ма1ие) 
Ғаі1 += ма1іда+еАре(Ғогт.аре.уа1ие) 
Ғаі1 += уа11дафеЕта11 (Ғогт.етаі1.ма1ие) 


1+ (+а11 == "") геёигп гие 
е15е { а1егі(Ғаі1); гефигп Ға15ѕе } 
} 
</ѕсгірі»> 
</һеаа» 
<боау> 


<фаб1е с1аѕ5="5ірпир" Богаег="0" се11раааіпв="2" 
се115расіпр= "5" бесо1ог="#ееееее" > 
<{П со15рап="2" а1ірп="сепёег" >Регистрационная форма</&һ> 
<Ғогт теёһоа="роѕ+" асііоп="аааиѕег.рһр" 
оп5иби1{="гефигп ма1іааёе(&һіѕ) "> 
<ег><а»Имя< /ъа><+а><іпри +уре= "ех" тахІепећ= "32" 
пате="Фогепате" > < /&а></Ег> 
<Ег><&а>Фамилия</+а><+а><іпри +уре= "Тех" тахІепеёһ= "32" 
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пате="5игпате" ></4></+г> 
<{г><+а>Пользовательское имя</%4> 
<фа><1прие фуре="+ехе" тах1епеёһ="16" 
пате="изегпате" > < /&а></&ғ> 
<Єг><ъа»>Пароль</&а» 
<фа><1прие фуре="+ехе" тах1епеёһћ="12" 
пате="раѕѕмога" >< /+а></+г> 
<фг><а>Возраст</+4> 
<6а><іприт +уре="+ехё" мах1Іепеёһ="3" 
пате="аве" >< /+а»></Ег> 
<{г><{а>Электронный адрес</+а> 
<еа><іприї ёуре="+ехё" мах1Іепеёһ= "64" 
пате="етаі1" >< /+а»></&ғ> 
<фг><{а со15рап="2" а11вп="сепфег"> 
<іпри фуре="$ибт1{" уа1ие="Зарегистрироваться" >< /{4></+г> 
</Ғогт> 
</+аб1е> 
</боау> 
</ћЕт1> 


В данном виде эта форма будет только отображаться, но не сможет заниматься 
самопроверкой, поскольку к ней еще не добавлены основные проверочные функции. 
Но несмотря на это, если набрать данный код, сохранить его в файле уа1іате.һет1, 
а затем вызвать файл в браузере, мы получим результат, показанный на рис. 16.1. 
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Рис. 16.1. Форма, выведенная кодом из примера 16.1 
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Рассмотрим, из чего состоит этот документ. В первых нескольких строках осу- 
ществляется настройка документа и используется небольшой фрагмент кода С$$5, 
предназначенный для улучшения внешнего вида формы. Затем следует выделенная 
полужирным шрифтом часть документа, относящаяся к ЈауаЅсгірі. 


В теги <ѕсгірё> и </ѕсгірё> заключена всего одна функция по имени \уа114а*е, 
которая, в свою очередь, вызывает шесть других функций, проверяющих каждое 
из имеющихся в форме полей. Все они вскоре будут рассмотрены. А сейчас я огра- 
ничусь объяснением того, что они возвращают либо пустую строку, если поле про- 
ходит проверку, либо сообщение об ошибке, если оно эту проверку не проходит. 
При наличии любых ошибок сообщения о них выводятся в окне предупреждения, 
появляющемся благодаря последней строке сценария. 


Если поле проходит проверку, то проводившая ее функция возвращает значение 
гие, а если не проходит — Ға1ѕе. Значения, возвращаемые функцией уа1іда+е, 
учитываются при отправке данных формы: если она возвращает +а15е, данные 
не отправляются. При этом пользователь получает возможность закрыть появи- 
вшееся окно предупреждения и внести изменения в данные. Если будет возвра- 
щено значение гие, значит ошибок в полях формы не найдено и форму можно 
отправлять на сервер. 


Во второй части этого примера показан код НТМІ. для формы, где каждое поле 
и его имя помещены в отдельную строку таблицы. В этом НТМІ. нет ничего слож- 
ного, за исключением инструкции опѕибтіё=" геёигп уа1іайа+е(&һіѕ)", помещенной 
в открывающий тег <Ғогт>. Использование атрибута опѕибтіє позволяет при от- 
правке формы вызвать избранную вами функцию. Эта функция может выполнить 
проверку и вернуть значение либо гие, либо +а15е, для того чтобы известить о том, 
разрешена или нет отправка формы. 


Параметр {11$ указывает на текущий объект (то есть на данную форму). Он переда- 
ется только что рассмотренной функции ма1ідаќ+е, которая получает этот параметр 
в виде объекта Ғогт. 


Как видите, внутри НТМТ.-формы ЈауаЅсгірі используется только для того, чтобы 
вызвать инструкцию гефигп, помещенную в атрибут опѕирті+. Браузеры, у кото- 
рых ЈауаЅсгірё отключен или не поддерживается, просто проигнорируют атрибут 
оп5ибт1 и беспрепятственно отобразят НТМГ. 


Документ уаііааќе.ћті (часть вторая) 


Теперь обратимся к коду примера 16.2, содержащему набор из шести функций, осу- 
ществляющих проверку полей формы. Я предлагаю набрать весь код этой второй 
части и сохранить его в разделе <ѕсгірё»...</ѕсгірё»> примера 16.1, который уже 
сохранен в файле уа1іаа+е.һіт1. 
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Пример 16.2. Форма, проверяемая средствами Јауабсгірї (вторая часть) 


Ғипсёіоп уа1ідаіеҒогепате (Ғіе1а) 


{ 
} 


геёигп (+1е14 == "") ? "Не введено имя.\п" : "" 


Ғипсёіоп ма1ійа+еѕигпате (Ғіе1а) 


{ 
} 


гефиги (Ғіе1а4 == "") ? "Не введена фамилия. \п" : "" 


Ғипс+іоп ма1ійа+еуѕегпате (Ғіе1а) 
{ 
1+ (Ғіе1а == "") гефигп "Не введено имя пользователя. \п" 
е15е 1+ (Ғіе1а.1епеһ < 5) 
геёирп "В имени пользователя должно быть не менее 5 символов. \п" 
е15е 1+ (/[^а-7А-70-9_-]/.+ез+(+1е1а)) 
гефигп "В имени пользователя разрешены только а-2, А-2, 0-9, - и _.\п" 
гефигп "" 


} 


ФипсЕ1оп ма1іда+еРаѕѕмога(Ғіе1а) 
{ 
1+ (Ғіе1а == "") гефигп "Не введен пароль. \п" 
е15е 1+ (+1е14.1епёЕН < 6) 
гефигп "В пароле должно быть не менее 6 символов. \п" 
е15е ЇҒ (!/[а-2]/.+еѕ+(Ғіе1а) || ! /[А-2]/.+еѕ+(Ғіе1а) || 
1/[9-9]/.+е$+(+1е1а)) 
гефигп "Пароль требует 1 символ из каждого набора а-2, А-2 и 0-9.\п" 
гефигп "" 


} 


Фипс1оп ма1ійа+еАре(+Ғіе14) 
{ 
1+ (Ғіе1а == "" || 1$Мам(+1е1а)) гефигп "Не введен возраст. \п" 
е15е 1+ (Ғіе1а < 18 || +1е1а > 110) 
гефигп "Возраст должен быть между 18 и 110.\п" 
гефигп "" 


} 


Фипс1оп ма1ійафеЕтаі1 (Ғіе1а) 

{ 
1+ (Ғіе1а == "") гефигп "Не введен адрес электронной почты. \п" 
е15е 1+ (!((+іе1а.іпаехоғ(".") > ө) && 

(Еіе1а.іпаехоғ("@") > @)) || 
/[^а-2А-20-9.0@ - ]/.+еѕї(Ғіе1а)) 
гефигп "Электронный адрес имеет неверный формат. \п" 

гефигп "" 

} 

</5сг1ре> 

</Боду> 

</ћёт1> 
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Чтобы понять, как работает проверка, рассмотрим по очереди все эти функции, 
начиная с уа1ідаёеЕогепапе. 


Проверка имени 


Предельно лаконичная функция уа1ідаёеҒогепате воспринимает параметр +1е1а, 
являющийся значением имени (Ғогепате), переданным ей функцией уа1ідаќе. 
Если это значение является пустой строкой, возвращается сообщение об ошибке, 
если нет, то возвращается пустая строка, свидетельствующая о том, что ошибка 
не обнаружена. 


Если пользователь введет в это поле пробелы, то они будут приняты функцией 
уа1іда+еЕогепапе, хотя в качестве имени они не годятся. Этот просчет можно ис- 
править, добавив еще одну инструкцию, удаляющую из поля пустые пространства 
перед его проверкой на незаполненность, затем воспользоваться регулярным вы- 
ражением, чтобы убедиться в том, что в поле находится еще что-нибудь, кроме про- 
белов, или — как это сделано в данном случае — позволить пользователю допустить 
эту ошибку и «отловить» ее на сервере. 


Проверка фамилии 


Код функции уа1ідаёеѕигпате похож на код функции уа119а%егогепаме, он так- 
же возвращает сообщение об ошибке, если в качестве фамилии (ѕигпате) была 
предоставлена пустая строка. Я решил не накладывать ограничений на символы 
обоих полей, чтобы пользователь мог вводить символы, не входящие в английский 
алфавит, имеющие дополнительные знаки и т. д. 


Проверка имени пользователя 


Код функции уа1ідаёе0ѕегпате немного интереснее, поскольку выполняет более 
сложную работу. Он должен разрешить использование только тех символов, кото- 
рые входят в набор а-7, А-7, 0-9, _ и -, и гарантировать, что имена пользователей 
состоят не менее чем из пяти символов. 





Код структуры 1+...е15е начинается с возвращения сообщения об ошибке в том 
случае, если поле не было заполнено. Если значение поля не является пустой стро- 
кой, но состоит менее чем из пяти символов, то возвращается другое сообщение 
об ошибке. 


Затем вызывается ЈауаЅсгірё-функция *е$*, которая сравнивает регулярное выра- 
жение (соответствующее любому символу, не входящему в перечень разрешенных) 
с содержимым поля (см. раздел «Регулярные выражения» данной главы). Встретив 
хотя бы один недопустимый символ, функция +е$* возвращает гие, в результате 
чего функция уа11аа+е/зегпате возвращает сообщение об ошибке. 
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Проверка пароля 


Такая же технология используется и в функции уа1ідаёеРаѕѕмога. Сначала функ- 
ция проверяет поле на пустоту, возвращая сообщение об ошибке при незаполнен- 
ном поле. Затем сообщение об ошибке возвращается в том случае, если пароль 
короче шести символов. 


Одно из требований, предъявляемых к паролям, заключается в том, что в них 
должно быть хотя бы по одному символу в нижнем и в верхнем регистре, а также 
хотя бы одна цифра, поэтому функция +еѕ+ вызывается три раза, по одному разу 
на каждую из этих проверок. Если при любом из таких вызовов будет возвращено 
значение Ға1ѕе, это будет говорить о том, что одно из условий не выполнено, поэто- 
му будет возвращено сообщение об ошибке. В противном случае будет возвращена 
пустая строка, свидетельствующая о том, что с паролем все в порядке. 


Проверка возраста 


Функция уа1іда+еАве возвращает сообщение об ошибке, если значение поля не яв- 
ляется числом (что определяется вызовом функции 15МаМ) либо введенный возраст 
меньше 18 или больше 110 лет. У ваших приложений могут быть иные требования 
к возрастной категории или вообще не быть никаких требований. При успешной 
проверке также будет возвращена пустая строка. 


Проверка адреса электронной почты 


И последняя, наиболее сложная проверка — адреса электронной почты — вы- 
полняется с помощью функции \уа11да%еЕта11. После проверки на существова- 
ние каких-нибудь введенных данных и возвращения сообщения об ошибке при 
отсутствии таковых функция дважды вызывает Јауа$Ѕсгір(-функцию іпдехоғ#. 
При первом вызове проверяется наличие точки (.) где-нибудь в поле после 
первого символа, а при втором — присутствие символа @, также где-нибудь после 
первого символа. 


Если будут пройдены эти две проверки, вызывается функция +е$+, чтобы про- 
верить поле на наличие недопустимых символов. Если любая из этих проверок 
не будет пройдена, то возвращается сообщение об ошибке. Допустимыми в адресе 
электронной почты считаются буквы в нижнем и верхнем регистрах, символы под- 
черкивания, тире, точки и символ @. Все они перечислены в регулярном выражении, 
передаваемом методу +е$+. Если не будет найдено ни одной ошибки, возвращается 
пустая строка, свидетельствующая об успешно пройденной проверке. В последней 
строке примера сценарий и документ закрываются. 


На рис. 16.2 показан результат нажатия кнопки Зарегистрироваться без заполнения 
полей. 
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Рис. 16.2. Работа Јауабсгірі-формы с проверкой данных 


Использование отдельного файла ЈауаЅсгірі 


Конечно, благодаря универсальности своей конструкции и применимости ко мно- 
гим типам потенциально востребуемых проверок эти шесть функций становятся 
идеальными кандидатами для выделения в отдельный файл. Этот файл, к примеру, 
можно назвать уа1іадабе Ғипсёіопѕ.јѕ и включить его сразу же после начального 
блока сценария в пример 16.1, используя следующую инструкцию: 


<$сг1рф згс="\а11дафе_Фипс*1оп$.]5"></зсг1ре> 


Регулярные выражения 


Более пристально рассмотрим шаблоны соответствия, созданные нами благодаря 
использованию регулярных выражений, которые поддерживаются как в Јауа$сгірї, 
так и в РНР. Они позволяют выстроить внутри одного выражения более мощные 
алгоритмы соответствия шаблонам. 


Соответствие, закладываемое в метасимволы 


Любое регулярное выражение должно быть заключено в слеши (/). Конкретные 
символы, находящиеся внутри этих слешей, называются метасимволами и име- 
ют специальное предназначение. Например, звездочка (*) имеет аналогичное 
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(но не вполне такое же) значение, как и звездочки, уже встречавшиеся вам в обо- 
лочке или в командной строке \/шао\. Звездочка означает следующее: «Текст, 
подвергаемый сравнению, может содержать любое количество указанного перед 
ней символа или не содержать его вообще». 


К примеру, вы ищете имя Ге Сл и знаете, что оно может быть написано как с про- 
белом, так и без него. Из-за не вполне обычной разметки текста (кто-нибудь, на- 
пример, мог вставить лишние пробелы, чтобы выровнять строки по правому краю) 
нужно вести поиск в следующей строке: 


Тһе аіғғҒіси1%у оф с1аѕѕіҒуіпе іе биіп'ѕ могК$ 


Иначе говоря, шаблон должен соответствовать строке Іебиїп, а также отдельно 
строкам Ее и биіп, разделенным любым количеством пробелов. Решением может 
стать установка после пробела звездочки: 


/іе *би1п/ 


В строке кроме имени Ее би1т присутствует множество других символов, но этот 
шаблон все равно будет работать. Поскольку регулярное выражение соответствует 
какой-то части строки, проверочная функция вернет истинное значение. А если 
нужно узнать, что в строке не содержится ничего другого, кроме Ге биіп? Как в этом 
убедиться, будет показано чуть позже. 


Предположим, что известно о непременном наличии хотя бы одного пробела. В та- 
ком случае можно воспользоваться знаком «плюс» (+), поскольку этот метасимвол 
требует присутствия хотя бы одного из предшествующих ему символов: 


/іе +би1п/ 


Нестрогое символьное соответствие 


Одним из самых полезных метасимволов является точка (.), поскольку она может 
соответствовать любому символу, за исключением символа новой строки. Пред- 
положим, что выполняется поиск НТМГТ-тегов, которые начинаются с символа 
< и заканчиваются символом >. Проще всего найти тег с помощью следующего 
регулярного выражения: 


1<.*>/ 


Точка соответствует любому символу, а звездочка (*) расширяет действие точки 
до соответствия нулевому или любому другому количеству символов, что озна- 
чает: «Соответствует всему, что заключено между символами < и >, даже если там 
ничего нет». 


Этот шаблон будет соответствовать строкам <>, <ет>, <Бг> ит. д. Но если не требу- 
ется, чтобы он соответствовал отсутствию символов <>, нужно вместо символа * 
использовать символ +: 


/<.+>/ 
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Знак «плюс» расширяет действие точки до соответствия одному или нескольким 
символам, что означает: «Соответствует всему, что находится между символа- 
ми <и >, пока между ними есть хотя бы ОДИН СИМВОЛ». 


Этот шаблон будет соответствовать <ет> и </ет>, <һ1> и </һ1> и тегам с атрибутами, 
например: 


<а Иге+="имм.то7111а.ога"> 


К сожалению, знак «плюс» расширит соответствие вплоть до последнего символа > 
в строке, поэтому соответствовать шаблону будет и такая строка: 


<ћ1><6>Введение</6></һ1> 


А в ней содержится больше одного тега! Чуть позже в этом разделе я покажу более 
подходящее решение. 





Если между угловыми скобками использовать только точку и не ставить за ней 
знаков + или *%, то она будет соответствовать любому одиночному символу, 
а шаблон будет соответствовать таким тегам, как <Ь> и <і>, но не будет соот- 
ветствовать тегам <ет> или <{ежагеа>. 








Если нужно, чтобы соответствие относилось к символу точки (.) как таковому, 
его действие нужно отключить, поставив перед ним символ обратного слеша (\), 
поскольку в противном случае точка будет считаться метасимволом, соответству- 
ющим любому символу. 


К примеру, если нужен шаблон, соответствующий числу с плавающей точкой 5.9, 
то в нем можно будет использовать следующее регулярное выражение: 


/5\.0/ 


Символ обратного слеша может отключить действие любого метасимвола, в том 
числе и еще одного обратного слеша (если в тексте отыскивается соответствие 
именно обратному слешу). Но слеш может и запутать ситуацию — чуть позже бу- 
дет показано, как обратные слеши иногда придают следующим за ними символам 
специальное предназначение. 


Только что мы рассмотрели шаблон соответствия числу с плавающей точкой. 
Но вам наверняка понадобится проверить соответствие не только строке 5.0, но 
и строке 5., поскольку обе содержат значение одного и то же числа с плавающей 
точкой. Нужно будет также проверить соответствие строкам 5.00, 5.000 и т. д., ведь 
разрешено использовать любое количество нулей. Это можно сделать добавлением 
звездочки: 


/5\.0*/ 
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Группировка с помощью скобок 


Предположим, что нужно найти соответствие таким возрастающим степеням, как 
кило, мега, гига и тера. Иными словами, нужно найти соответствие следующим 
строкам: 


1,000 
1,000,000 
1,000,000,000 
1,000, еее, о00, 000 


Здесь мог бы пригодиться знак «плюс», но нужно сгруппировать строку ‚000 так, 
чтобы действие этого знака распространялось на нее целиком. Для этого служит 
следующее регулярное выражение: 


/1(,600)+ / 


Скобки означают: «При применении какого-нибудь метасимвола наподобие зна- 
ка “плюс” все это нужно рассматривать как группу». Строки 1,00, 000 и 1,000, 99 
не будут соответствовать шаблону, поскольку в тексте должен быть символ 1, за 
которым следует одна или несколько групп, состоящих из запятой и трех нулей. 


Пробел после знака «плюс» показывает, что соответствие должно закончиться, как 
только встретится пробел. Без этого пробела строка 1,000 ‚00 будет вычислена со- 
ответствующей шаблону, поскольку в расчет будет приниматься только ее первая 
часть 1,000, а оставшаяся часть ,@@ будет проигнорирована. Пробел нужен после 
остальных символов шаблона, чтобы обеспечить продолжение поиска соответствия 
шаблону до конца числа. 


Символьный класс 


Иногда требуется установить нестрогое соответствие, но не настолько пространное, 
чтобы для этого использовать точку. Нестрогость придает регулярным выражениям 
огромную мощность: можно регулировать строгость и нестрогость в соответствии 
с вашими желаниями. 


Одним из ключевых элементов поддержки нестрогости соответствия является 
пара квадратных скобок ([]). Эта пара, как и точка, соответствует всего одному 
символу, но в эти скобки помещается перечень всех возможных соответствий. 
При появлении любого из символов этого перечня текст будет соответствовать 
шаблону. Например, если нужно, чтобы шаблону соответствовали оба написа- 
ния — американское эгау и английское эгеу, можно задать следующее регулярное 
выражение: 


/вг[ае]у/ 
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В сравниваемой части текста после вг может быть либо а, либо е. Но должна быть 
только одна из этих букв: все, что помещается внутри квадратных скобок, соот- 
ветствует лишь одному символу. Группа символов внутри скобок называется 
символьным классом. 


Указание диапазона 


Для указания диапазона внутри квадратных скобок можно использовать дефис (-). 
Одной из самых распространенных задач является проверка соответствия отдель- 
ной цифре, в которой можно использовать диапазон: 


/[9-9]/ 


Цифры являются настолько распространенным элементом регулярных выраже- 
ний, что для их представления используется отдельный символ \а. Его можно 
использовать для проверки соответствия цифре вместо регулярного выражения 
в квадратных скобках: 


/\а/ 


Инвертирование 


Другим важным свойством квадратных скобок является инвертирование символь- 
ного класса. За счет помещения знака вставки (^) после открывающей квадрат- 
ной скобки можно превратить весь символьный класс в его противоположность. 
После этого он будет означать: «Соответствует любому символу, за исключением 
следующих». Предположим, нужно найти экземпляры строк Уароо, в которых 
отсутствует следующий за ними восклицательный знак. (Официальное название 
компании содержит восклицательный знак!) Для этого можно использовать такое 
регулярное выражение: 


/Үаһоо[^!]/ 


Символьный класс состоит из одного символа — восклицательного знака, но он ин- 
вертируется стоящим перед ним символом ^. Вообще-то это не самое лучшее реше- 
ние задачи. Например, это выражение не позволяет найти соответствие, если Үаһоо 
находится в конце строки, поскольку тогда за этим словом не следует что-нибудь, 
а содержимому квадратных скобок должен соответствовать один символ. В более 
удачном решении используется упреждающее инвертирование (соответствие чему- 
нибудь, за чем нет ничего другого), но эта тема выходит за рамки данной книги. 


Более сложные примеры 


После усвоения понятий символьных классов и инвертирования вы уже готовы 
к изучению более удачных решений задачи поиска соответствия тегу НТМГ. 
Рассматриваемое решение позволяет шаблону не пропустить закрывающую 
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угловую скобку отдельного тега, но по-прежнему соответствовать таким тегам, 


как <ет> и </ет>, а также тегам с атрибутами, таким как: 


<а Пге+=" ммм. то2111а.оге" > 


Один из вариантов такого решения выглядит следующим образом: 


/<[^>]+>/ 


Это регулярное выражение похоже на результат падения чашки на клавиатуру, 
после которого она «по-прежнему вполне исправна и работоспособна». Разобьем 
это выражение на части. На рис. 16.3 показан последовательный анализ всех его 


элементов. 








1 


Открывающий слеш 
Указывает на то, 
что это регулярное 
выражение 
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Метасимвол 
Означает любое 
количество символов, 
соответствующих [^>] 
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Угловая скобка, 
открывающая тег НТМЕ 
Точно соответствует 
символу 
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Угловая скобка, 
закрывающая тег НТМЕ 
Точно соответствует 
символу 





[>] 


Символьный класс 

Соответствует всему, 

кроме закрывающей 
угловой скобки 


/ 


Закрывающий слеш 
Указывает на то, 
что это конец 
регулярного выражения 


























Рис. 16.3. Разбор типичного регулярного выражения 


Вот эти элементы: 





О / — открывающий слеш, указывающий на то, что это регулярное выражение; 


О < — открывающая угловая скобка тега НТМІ. Требует точного соответствия, 
поскольку не является метасимволом; 


О [^>] — символьный класс. Сочетание знака вставки и закрывающей угловой 


скобки ^> означает: «Соответствует всему, кроме закрывающей угловой скоб- 


ки»; 


О + — допускает любое количество символов, соответствующих предыдущему 
регулярному выражению [^>], если есть хотя бы один соответствующий ему 


символ; 


О 





> — закрывающая угловая скобка тега НТМТ.. Требует точного соответствия; 


О / — закрывающий слеш, указывающий на конец регулярного выражения. 
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Другое решение задачи поиска соответствия тегам НТМІ связано с использованием 
так называемых нежадных инструкций. По умолчанию инструкция поиска соответ- 
ствия шаблону является жадной, возвращающей наиболее длинное из всех воз- 
можных соответствий. При нежадном (или ленивом) поиске соответствия ищется 
соответствующая строка, наиболее короткая из возможных. Применение нежадно- 
го поиска соответствия выходит за рамки данной книги, но более подробную ин- 
формацию об этом можно найти по ћЋірѕ://јауаѕсгірі.іпѓо/гедехр-дгееау-апа-іау. 








Теперь рассмотрим одно из выражений из примера 16.1, которое использовалось 
в функции уа1іааёеуѕегпате: 


/[^а-2А-20-9_]/ 


На рис. 16.4 показан весь набор элементов этого выражения. 























































































































/ [ й 
Открывающий слеш Открывающая Инвертирующий 
Указывает на то, квадратная скобка символ 
что это регулярное Начинает символьный Инвертирует все, 
выражение класс что в скобках 
а-—2 А-2 0—9 
иии 
Любая буква Любая буква Представляет 
в нижнем регистре в верхнем регистре любую цифру 
Знак подчеркивания Закрывающая Закрывающий слеш 
квадратная скобка Указывает на то, 
Завершает символьный что это конец 
= класс регулярного выражения 
Тире 











Рис. 16.4. Разбор регулярного выражения, используемого в функции уаіійаїеЏѕегпате 


Рассмотрим эти элементы более подробно: 


О / — открывающий слеш, указывающий на то, что это регулярное выражение; 
О [— открывающая квадратная скобка, с которой начинается символьный класс; 


О ^ — символ инвертирования: инвертирует все, что находится в скобках; 





О а-7 — представляет любую букву в нижнем регистре; 
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А-7 — представляет любую букву в верхнем регистре; 
0-9 — представляет любую цифру; 

_ — символ подчеркивания; 

- — тире; 


] — квадратная скобка, закрывающая символьный класс; 





оооооод 


/ — обратный слеш, указывающий на конец регулярного выражения. 


Есть еще пара весьма важных метасимволов. Они «закрепляют» регулярное вы- 
ражение, требуя его применения в определенном месте. Если знак вставки (^) 
присутствует в начале регулярного выражения, то соответствующее выражению 
строковое значение должно быть в начале строки текста, иначе оно не будет соот- 
ветствовать шаблону. По аналогии с этим если знак доллара ($) ставится в конце 
регулярного выражения, то соответствующее выражению строковое значение 
должно находиться в конце строки текста. 








Знак вставки (^) может запутать ситуацию, поскольку внутри квадратных скобок 
он означает «инвертировать символьный класс», а в начале регулярного выра- 
жения — «соответствовать началу строки». К сожалению, один и тот же символ 
служит для достижения совершенно разных целей, поэтому при его использовании 
следует быть особенно внимательными. 








Закончим изучение основ регулярных выражений ответом на ранее заданный во- 
прос: предположим, вам нужно убедиться в том, что в строке нет больше ничего, 
кроме того, что соответствует регулярному выражению. Что делать в том случае, 
если нужна строка текста, в которой нет ничего, кроме Ге Сиіп? Можно усовер- 
шенствовать ранее рассмотренное регулярное выражение, закрепив его сразу с двух 
сторон: 


/^Ее *би1п$/ 


Сводная таблица метасимволов 
В табл. 16.1 показаны метасимволы, используемые в регулярных выражениях. 


Таблица 16.1. Метасимволы регулярных выражений 





Метасимволы |Описание 





/ Начало и конец регулярного выражения 





Соответствует любому одному символу, кроме символа новой строки 














Элемент* Соответствует появлению элемента от нуля и более раз 





Продолжение = 
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Таблица 16.1 (продолжение) 










































































Метасимволы |Описание 

Элемент+ Соответствует появлению элемента от одного раза и более 

Элемент? Соответствует появлению элемента от нуля до одного раза 

[символы] Соответствует одному из тех символов, которые содержатся в квадратных 
скобках 

[^символы] Соответствует одному из тех символов, которые не содержатся в квадратных 
скобках 

(тевех) Рассматривает гевех (сокращение, означающее регулярное выражение) 
как группу для вычисления или для рассмотрения с одним из следующих 
метасимволов: *, + или ? 

Левоеправое Соответствует либо левому, либо правому 

[1—1] Соответствует диапазону символов между | иг 

Г. Требует, чтобы соответствие было в начале строки 

$ Требует, чтобы соответствие было в конце строки 

\Ь Соответствует границе слова 

\В Соответствует при отсутствии границы слова 

\а Соответствует одной цифре 

М9) Соответствует одному символу, не являющемуся цифрой 

\п Соответствует символу новой строки 

\5 Соответствует пробелу 

\5 Соответствует символу, не являющемуся пробелом 

\Е Соответствует символу табуляции 

\\ Соответствует символу, используемому в словах (а-2, А-4, 0-9 и _) 

\\/ Соответствует символу, не используемому в словах (все, кроме а-7, А-7, 
0-9и_) 

\х Соответствует х (применяется, если х является метасимволом, но нужен 
символ х как таковой) 

{п} Соответствует в точности п появлениям 

{п,} Соответствует п и более появлениям 

{тіп, тах) Соответствует как минимум тір и как максимум тах появлениям 











После изучения этой таблицы и повторного исследования выражения / [^а-2А-20-9_]/ 
можно понять, что оно легко и просто укорачивается до /[^\м]/, так как отдельный 
метасимвол \м (с буквой м в нижнем регистре) указывает на символы а-7, А-7, 


0-9 и. 


Можно проявить еще большую наблюдательность и заметить, что метасимвол \м 
(с буквой ҮҮ в верхнем регистре) указывает на все символы, за исключением а-2, 
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А-7,0-9и _. Это позволяет избавиться также от метасимвола ^ и использовать для 
выражения только символы / [\\!]/, или пойти еще дальше и не ставить квадратные 
скобки, поскольку это одиночный символ. 


Чтобы дать вам больше пищи для размышлений о том, что и как работает, в табл. 16.2 
показан ряд выражений и описаны ситуации, которым они соответствуют. 


Таблица 16.2. Примеры регулярных выражений 












































Пример Соответствие 

т Первая г в Тһе диск Бгомп 

тес[е[еПуе Либо гесеіуе, либо геслеуе (но также и гесееуе или геспуе) 

тес[е!|{2}уе Либо гесеіуе, либо геслеуе (но также и гесееуе или гесііуе) 

тес(ейе)уе Либо гесеіуе, либо геслеуе (но не гесееуе или геспуе) 

саб Слово са в І Ке сасѕ апа 405$ 

са ов Слово саї в І Ке саб$ апа 405$ (соответствует либо слову саб, либо слову 408, 
в зависимости от того, какое из них попадется первым) 

№ Символ <.> (Знак <«\» необходим, так как <.» является метасимволом) 

5\.0* 5., 5.0, 5.00, 5.000 ит. д. 

[а-Н Любой из символов а, Б, с, й, еилиЁ 

саѕ%$ Только последнее слово саќѕ в Му саїѓѕ аге Нчеп [у саїѕ 

^ту Только первое ту в ту са{$ аге ту реё5 

\92,3) Любое двух- или трехзначное число (от 00 до 999) 

7(,000)+ 7,000; 7,000,000; 7,000,000,000; 7,000,000,000,000 ит. д. 

№№] Любое слово из одного или нескольких символов 

[\%]{5} Любое слово из пяти символов 














Общие модификаторы 


В регулярных выражениях можно применять следующие модификаторы. 


О /е — допускает «глобальное» соответствие. Применяется с функцией замены, 
что позволяет выполнить замену во всех соответствующих местах, а не только 
в месте первого соответствия. 


О /1 — отключает в регулярном выражении чувствительность к регистру букв. 
Иными словами, вместо / [а-2А-2]/ можно указать / [а-2]/1 или / [А-7]/1. 





О /т —– допускает многострочный режим работы, в котором знак вставки (^) и знак 
доллара ($) соответствуют позициям перед любыми символами новой строки 
в сравниваемой строковой переменной и после них. Обычно при поиске соот- 
ветствия в многострочной строковой переменной знак ^ соответствует только 
позиции в ее начале, а символ $ — вее конце. 
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Например, выражение /саїѕ/е будет соответствовать обоим появлениям слова саіѕ 
в предложении І іКе са{$ апа саїѕ ПКе те. Аналогично этому выражение /408$/51 
будет соответствовать обоим появлениям слова 405$ (005$ и 405$) в предложении 
Роз іКке оБег 405$, поскольку эти модификаторы допускают совместное исполь- 
зование. 


Использование регулярных выражений в ЈауаЅсгірї 


В ЈауаЅсгірї регулярные выражения используются в основном в двух методах: ёеѕі 
(который вы уже рассматривали) и гер1асе. Метод +еѕё просто сообщает, соот- 
ветствует ли его аргумент регулярному выражению, а метод гер1асе воспринимает 
второй параметр — строку, которой заменяется текст, соответствующий регулярному 
выражению. Как и большинство методов, гер1асе генерирует в качестве возвраща- 
емого значения новую строку, входные данные при этом не изменяются. 


Если сравнивать эти два метода, то следующая инструкция просто возвращает гие, 
позволяя узнать, что слово саёѕ появляется в строке хотя бы один раз: 


доситеп{ .мгібе(/саёѕ/1.ёеѕ1("Саёѕ аге Фип. І 11Ке саїѕ.")) 


А следующая инструкция заменяет оба имеющихся слова саїѕ словом 908$, выводя 
результат на экран. Поиск должен быть глобальным (/в), чтобы найти все экзем- 
пляры этого слова, и нечувствительным к регистру букв (/1), чтобы найти слова, 
начинающиеся с большой буквы (Саѓѕ): 


доситеп{ .мг1{е("Саф$ аге Рип. І 1іке са+ѕ.".гер1асе(/саѕ/рі, "Яовѕ")) 


Если испытать эту инструкцию в работе, то проявятся ограничения функции 
замены: поскольку текст заменяется строго той строкой, которую предписано ис- 
пользовать, первое слово Са{$ заменяется словом 4085$, а не словом Пор. 


Использование регулярных выражений в РНР 


В РНР наиболее часто используются следующие функции, в которых применяются 
регулярные выражения: ргер_таїсћ, ргер_таёсһ_а11 и ргеё_герТасе. 


Чтобы проверить присутствие слова саїѕ в любом месте строки, в любой комби- 
нации букв в нижнем и верхнем регистрах, можно воспользоваться функцией 
ргев_таёсћ: 


$п = ргев таесһ("/саѕ/1", "Саёѕ аге Ғип. І 1іке саїѕ."); 


Поскольку в РНР используется значение 1 для ТВОЕ и значение @ для ЕАЕЗЕ, пре- 
дыдущая инструкция присвоит переменной $п значение 1. Первым аргументом 
функции служит регулярное выражение, а вторым — текст, проверяемый на со- 
ответствие. Но функция ргев_ тасћ способна выполнять более сложную задачу, 
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поскольку она воспринимает еще и третий аргумент, который показывает, какой 
именно текст соответствовал регулярному выражению: 


$п = ргеё таёсћ("/саѕ/1", "Саёѕ аге Ғип. І 1іке саф$.", фтаЁсһ); 
есһо "Количество соответствий $п: Фтаесһ[6]"; 


Третий аргумент является массивом (здесь ему присвоено имя фтасћ). Функция 
помещает текст, соответствующий регулярному выражению, в первый элемент 
массива, поэтому, если соответствие будет найдено, соответствующий регулярно- 
му выражению текст может быть найден в элементе $таїсһ[е]. В данном примере 
выводимая на экран информация покажет, что соответствующий текст начинался 
с прописной буквы: 


Количество соответствий 1: Са+ѕ 


Если нужно определить все соответствия, используется функция рев таёсћ_а11: 


$п = ргеё мафсИ_а11("/са{$/1", "Саѕ аге Рип. І 11Ке саф5.", ФтаЁсһ); 


есһо "Количество соответствий $п: "; 
фог ($ј=0 ; $] < $п ; ++$ј) есһо $тасһ[ә][%]]." "; 


Как и в предыдущем случае, функции передан массив фта+сћ и элементу $таёсћ[0] 
присваиваются найденные соответствия, только теперь они представляют собой 
подмассив. Для отображения содержимого подмассива в этом примере осущест- 
вляется последовательный перебор его элементов с помощью цикла Фог. 


Если нужно заменить часть строки, можно воспользоваться функцией ргер_ 
гер1асе. В этом примере все встречающиеся слова саѓѕ, независимо от регистра 
букв, заменяются словами 1085: 


есһо ргеё_гер1асе("/са*$/1", "4055", "Саф$ аге Рип. І 1іке саїѕ."); 


Тема регулярных выражений слишком обширна, и о ней написана целая книга. 
Если вам нужна дополнительная информация, я рекомендую статью из «Википе- 
дии» либо веб-сайт по адресу Һёрѕ://ууму.гедиіаг-ехргеѕѕіопѕ.іпѓо. 








Повторное отображение формы после проверки 
данных РНР-программой 


Вернемся к проверке формы. На данный момент нами создан НТМТ-документ 
уа1іда+е.һт1, который будет отправлен РНР-программе аддизег. рр, но это про- 
изойдет только в том случае, если поля пройдут проверку средствами ]ауазст!ре 
или если ]ауабст!ре отключен или недоступен. 


Теперь настало время создать программу, сохраняемую в файле адаиѕег.рһр. 
Эта программа получает отправленную форму и проводит собственную проверку, 
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а затем, если проверка не будет пройдена, снова предоставляет форму визитеру. 
Код, который нужно будет набрать и сохранить (или загрузить с сайта, сопутству- 
ющего книге), показан в примере 16.3. 


Пример 16.3. Программа аааџиѕегрћр 
<?рһр // аааиѕег.рһр 


// Код РНР 
$Ғогепате = $ѕигпате = фиѕегпате = $раз$мог = $аре = $ета11 = ""; 


1+ (155е1($ РОЅТ[ 'Ғогепате'])) 

$Ғогепате = Ғіх_ѕгіпе ($ РОЅТ[ ' Ғогепате']); 
1+ (155е1(% РОЅТ[ ' ѕигпате'])) 

$ѕигпате = +1х_$4г118($_РО$Т[ ' ѕигпате']); 
іҒ (1ѕ5е1($ РОЅТ[ 'иѕегпаме'])) 

фиѕегпате = Ғіх_ѕЕгіпе ($ РОЅТ[ 'иѕегпате']); 
1+ (155е1(% РОЅТ[ 'раѕѕмога'])) 

фраѕѕмога = Ғіх_ѕгіпе ($ РОЅТ[ 'раѕѕмога']); 
1+ (155е%($_РО$Т[ 'аве'])) 


$аве = Ғіх_ѕ1гіпе ($ РОЅТ[ 'аре']); 
1+ (1ѕ5е+($ РОЅТ['етаі1'])) 

$ета11 = Ғіх_5ѕ1гіпе ($ РОЅТ[ 'ета11']); 
$+а11 = уа1ійа+е Ғогепате($Ғогепате); 
$+а11 .= уа1іда+е ѕигпате($ѕигпате); 
$+а11 .= уа1ійа+е иѕегпате(фиѕегпате); 
$+а11 .= уа11дафе_раз$мога ($раз$мога) ; 
$+а11 .= уа1іда+е аре($аре); 
$+а11 .= уа11Чафе_ета11 ($ета11); 


есһо "<!РОСТУРЕ Пт1>\п<Вт1><Пеаа><+11е>Пример формы</+і+1е»>"; 
14 ($+а11 == "") 
{ 
есһо "</һеаа><боау>Проверка формы прошла успешно: 
$Ғогепате, $ѕигпате, $иѕегпате, $раѕѕмога, $аре,$етаі1. < /боӣу></һ+т1>"; 


// В этом месте отправленные поля будут вводиться в базу данных 
// с предварительным использованием хеш-шифрования для пароля 


ехії; 


} 

// Теперь выводится НТМ и код ЈамаЅсгіріё 
есһо <<<_ЕМО 

<!-- Раздел НТМЁЕ и Јауаѕсгірї --> 

<ѕїу1е» 


.ѕієпир { 
рогдег: 1рх $0114 #999999; 
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Фопф: погта1 14рх Пе1уе{1са; 
со1ог:#444444; 


} 
</5ѕ+у1е» 
<ѕсгірі» 
ФипсЕ1оп ма1іаа+е(+Ғогт) 
{ 
Ғаії = уа1ідаёеҒогепате (Ғогт. Ғогепате.уа1ие) 


Ғаі1 += үуа1ідааёеѕигпате (Фогт. ѕигпате.уа1ие) 
Ғаі1 += үуа1ідааёеуѕегпате (Фогт.изегпаме .\уа1ие) 
Ғаі1 += ма1іда+еРаѕѕмога(Ғогт.раѕѕмога.ма1ие) 
Ғаі1 += уа1іда+еАре (Ғогт. аре.ма1ие) 

Ғаі1 += үуа1ідаёеЕтаі1(Ғогт.ета1і1.уа1ие) 


1+ (Ғаі1 == "") геёигп гие 
е1ѕе { аІегї(Ғаі1); геигп Ға1ѕе } 


} 


ФипсЕ1оп ма1іааёеҒогепате(Ғіе14) 


{ 


гефигп (+1е14 == "") ? "Не введено имя. \\п" 


} 


ФипсЕ1оп ма1іааёеѕигпате (Ғіе14) 


{ 


геигп (+1е14 == "") ? "Не введена фамилия. \\п" 


} 


ФипсЕ1оп ма1іааёеуѕегпате(Ғіе1а) 
{ 
1+ (11е14 == "") гефигп "Не введено имя пользователя. \\п" 
е1ѕе 1+ (+Ғіе1а.1епеіһ < 5) 
геёигп "В имени пользователя должно быть не менее 5 символов. \\п" 
е1ѕе 1+ (/[^а-2А-20-9_-]/.ёеѕ+(Ғіе1а)) 
геёигп "В имени пользователя разрешены только а-2, А-2, @-9, - и _.\\п" 


геёигп "" 
} 
ФипсЕ1оп ма1іааёеРаѕѕмога(Ғіе1а) 
{ 
1+ (+Ғіе1а == "") гефигп "Не введен пароль. \\п" 


е1ѕе 1+ (Ғіе1а.1епеіһ < 6) 
геёигп "В пароле должно быть не менее 6 символов. \\п" 
е15е 14 (!/[а-2]/.еѕ+(Ғіе1а) || ! /[А-2]/.+еѕ+(Ғіе1а) || 
1/[9-9]/.+е$+(+1е1а)) 
гефигп "Пароль требует 1 символ из каждого набора а-2, А-2 и 0-9.\\п" 
гефигп "" 


} 


ФипсЕ1оп ма1іаа+еАре(+Ғіе14) 
{ 
1+ (15№Ма№(Ғіе1а)) гефигп "Не введен возраст. \\п" 
е15е 1+4 (Ғіе1а < 18 || Е1е1а > 110) 
геёигп "Возраст должен быть между 18 и 110. \\п" 
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гефигп 


} 


Ғипсёіоп муа1іда+еЕтаі1(Ғіе1а) 


1+ (Ғіе1а == "") гефигп "Не введен адрес электронной почты. \\п" 
е1ѕе 1+ (!((Ғіе1а.іпдехоғ(".") > ө) && 
(Ғіе1а.іпаехоғ("@") > 0)) || 
/[^а-2А-20-9.0@ - ]/.+еѕї(Ғіе1а)) 
гефигп "Электронный адрес имеет неверный формат. \\п" 
гефигп "" 
} 
</ѕсгірЕ> 
</Неаа> 
<Боду> 
<фаб1е Богаег="0" се11раааіпр="2" се115расіпе="5" брсо1ог= "#ееееее" > 
<Єһ со15рап="2" а1їірп="сепёег" >Регистрационная форма</&һ> 


<Ег><+ъа со15рап="2">К сожалению, в вашей форме <бг> 
найдены следующие ошибки: <р><Фопф со1ог=геа 
$176е=1><1>$+а11</1></Фоп*></р> 

</+а></+г> 


<Ғогт теёһоа="роѕі" асёіоп="аааиѕег.рһр" оп$ибм1{="гефигп 
уа1ідате(+һћіѕ)"> 
<Ег><ъа»Имя</+а» 
<а><іприї +уре="+ехё" мах1епе&ћ="32" пате="Фогепате" 
уа1ие="Фогепате" > 
</ъа»</г><6г><+а>Фамилия</+а»> 
<а><іприї +уре="+ехё" тмах1епе&ћ="32" пате=" ѕигпате" 
уа1ие=" 5игпате" > 
</Еа></+г><{г><{а>Пользовательское имя< /&а> 
<а><іприї +уре= "ех" мах1епе&һ="16" пате="иѕегпате" 
уа1ие="изегпате" > 
</а»</Ег><Ег><+а»>Пароль</+а> 
<а><іприї +уре= "ех" мах1епе&ћ="12" пате="раѕѕмога" 
уа1ие="раѕѕмога" > 
</а»></г><г><+а>Возраст</+а» 
<а><іприї +уре="+ехё" махІепеёһ="3" пате="аве" уа1че="аве"> 
</а»></г><Ер><а>Электронный адрес</+а> 
<а><іприї +уре="+ехё" тах1епе&һћ="64" пате="ета11" 
уа1џе="етаі1" > 
</а»</Ег><г><+а со1ѕрап="2" а1ірп="сепёег" > <іприё 
®уре="ѕирті" уа1ие="Зарегистрироваться" > </%&1></&г> 
</Ғогт> 
</+аб1е> 
</боау> 
</ћЕт1> 


ЕМО; 
// РНР-функции 


ФипсЕ1оп уа1ійа+е Ғогепате($+Ғіе1а) 
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геёигп ($+1е14 == "") ? "Не введено имя<бг>" : 


} 


ФипсЕ1оп уа1ійа+е ѕигпате($Ғіе14) 


{ 
} 


геёигп ($+1е14 == "") ? "Не введена фамилия<ЫЬг›" : 


Ғипсіоп уа1ійа+е иѕегпате($Ғіе1а) 
{ 
ЇҒ ($Ғіе1а == "") гефигп "Не введено имя пользователя<Ьг›"; 
е1ѕе 1+ (51г1еп($Ғіе1а) < 5) 
гефигп "В имени пользователя должно быть не менее 5 символов<6г>"; 
е1ѕе 1+ (ргев таёсћ("/[^а-2А-20-9_-]/", $Ғіе1а)) 
гефигп "В имени пользователя допускаются только буквы, цифры, - и _<6г>"; 
гефигп ""; 


} 


ФипсЕ1оп уа1ійа+е раѕѕмогӣ($+Ғіе1а) 
{ 
1+4 ($Ғіе1а == "") гефигп "Не введен пароль<Ьг>"; 
е1ѕе 1+ (51г1еп($Ғіе1а) < 6) 
гефигп "В пароле должно быть не менее 6 символов<бг»"; 
е15е 1+4 (!ргер_таёсһ("/[а-21/", $+1е1а) || 
!ргеё_тафсй("/[А-2]/", $+1е1а) || 
!ргев_таёсћ("/[0-9]/", $+1е1а)) 
гефигп "Пароль требует 1 символ из каждого набора а-2, А-2 и 0-9<5г>"; 
гефигп ""; 


} 


ФипсЕ1оп уа11дафе_аре($+1е1а) 
{ 
1+ ($41е14 == "") гефигп "Не введен возраст<Ьг>"; 
е1ѕе 1+ ($Ғіе1а < 18 || $+1е1а > 110) 
гефигп "Возраст должен быть между 18 и 110<0г›"; 
гефигп ""; 


} 


ФипсЕ1оп уа1ійа+е етаі1($Ғіе1а) 


1+ ($Ғіе1а == "") гефигп "Не введен адрес электронной почты<бг>"; 
е1ѕе 1+ (!((51гроѕ($Ғіе1а, ".") > ө) && 
(5+гроѕ($Ғіе1а, "@") > Ө)) || 
ргев_тасћ("/[^а-2А-20-9.0 -1/", $Ғіе1а)) 
гефигп "Электронный адрес имеет неверный формат<бг»"; 
гефигп ""; 


} 


ФипсЕ1оп +1х_$%г1п8($$%г1п5) 

{ 
1+4 (ре таріс дио+еѕ врс()) $$4г1п8 = ѕїгірѕ1аѕһеѕ($ѕ1гіпр); 
геёигп Һёт1епііїіеѕ ($ѕ1гіпр); 


} 


?> 
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В этом примере все вводимые данные перед применением обезвреживаются, даже 
пароли, которые из-за возможного содержания в них символов, используемых 
для форматирования НТМЕ, будут превращены в НТМЕ-последовательности. 
Например, & станет &атр; а < превратится в &Ё; и т. д. Если для сохранения 
зашифрованных паролей будет использоваться функция һаѕћ, это не создаст 
проблем в том случае, если при последующей проверке введенного пароля он 
будет обезвреживаться тем же способом и сравниваться будут такие же вводи- 
мые данные. 








Результат отправки формы при отключенном ЈауаЅсгірі (и двумя неправильно 
заполненными полями) показан на рис. 16.5. 
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Рис. 16.5. Форма, отображаемая после того, как она не прошла проверку 
средствами РНР 


РНР-раздел этого кода и изменения, внесенные в НТМГ-раздел, выделены полу- 
жирным шрифтом, чтобы сделать заметнее все отличия кода этого примера от кода, 
который был показан в примерах 16.1 и 16.2. 
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Если вы внимательно изучили этот пример (либо набрали или загрузили его с сай- 
та Һ№р://Лртј.пеё), то вы увидели, что код РНР является практически клоном кода 
ЈахаЅсгірї. Для проверки каждого из полей в очень похожих функциях использу- 
ются те же самые регулярные выражения. 


Но здесь следует отметить две особенности. Во-первых, для обезвреживания со- 
держимого каждого поля и предотвращения любых попыток внедрения кода при- 
меняется функция +1х_54г1 пр, которая находится в самом конце примера. 


Во-вторых, вы должны были заметить, что код НТМІ. из примера 16.1, повторен- 
ный в РНР-коде внутри структуры <<<_Е№..._Е№;, отображает форму со значе- 
ниями, которые посетитель ввел при предыдущей попытке заполнения формы. 
Это сделано за счет простого добавления еще одного параметра уа1ие к каждому 
тегу <1при*> (например, ма1ие="ФҒогепате"). Проявление такой заботы о пользова- 
теле всячески приветствуется, поскольку при этом ему не приходится снова и снова 
заполнять все поля, а остается лишь отредактировать ранее введенные данные. 








При разработке реального проекта вы вряд ли стали бы сначала создавать 
НТМІ-форму вроде той, что показана в примере 16.1. Скорее всего, вместо 
этого вы сразу перешли бы к созданию РНР-программы, показанной в примере 
16.3, в которую включен весь код НТМЕ. И разумеется, вам потребовались бы 
небольшие доработки для первого вызова этой программы, чтобы заблокировать 
отображение ошибок при еще не заполненных полях. К тому же следовало бы 
выделить шесть функций ЈауаЅсгірї в отдельный включаемый файл с расшире- 
нием .јѕ, в соответствии с рекомендациями, изложенными ранее в подразделе 
«Использование отдельного файла Јауабсгірі». 








После рассмотрения способа объединения кода РНР, НТМІ и ЈауаЅсгірё в сле- 
дующей главе будет представлена технология АЈАХ (Аѕупсһћгопоиѕ ЈауаЅсгірё 
Апа ХМТ. — асинхронный ЈауаЅсгірё и ХМГ.), в которой используются фоновые 
ЈауаЅсгірі-вызовы, обращенные к серверу для получения плавного обновления 
фрагментов веб-страницы, при котором не требуется повторная отправка всего ее 
содержимого с веб-сервера. 


Вопросы 


1. Каким методом ]ауаЗст!ре можно воспользоваться, чтобы послать данные фор- 
мы на проверку перед их отправкой на сервер? 


2. Какой метод ]ауазстре применяется для проверки соответствия строки регу- 
лярному выражению? 


3. Используя определения синтаксиса регулярных выражений, напишите такое 
регулярное выражение, которое будет соответствовать любым символам, не ис- 
пользующимся в словах. 
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4. Напишите регулярное выражение, которое будет соответствовать как слову ѓох, 
так и слову Вх. 


5. Напишите регулярное выражение, которое будет соответствовать любому 
отдельному слову, за которым следует любой символ, не использующийся 
в словах. 


6. Используя регулярное выражение, напишите функцию ]ауазст! ре, проверя- 
ющую наличие слова ѓох в строке Тһе диіск Бгоип Ғох. 


7. Используя регулярное выражение, напишите функцию РНР, заменяющую все 
экземпляры слова Һе в строке Тһе сом јитрѕ омег {Пе тооп словом ту. 


8. Какой атрибут НТМТ, используется для предварительного заполнения полей 
формы значениями? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Использование технологии 
асинхронного обмена 
данными 


Термин АЛАХ был придуман в 2005 году. Изначально он расшифровывался как 
«асинхронный Даоа5бсптрЕ и ХМІ» (Азупстопоцз ЈауаЅсгірі апа ХМТГ.), что, проще 
говоря, означало использование набора методов, встроенных в ЈауаЅсгірї, для об- 
мена данными между браузером и сервером в фоновом режиме. В настоящее время 
этот термин в основном вышел из употребления, и теперь эту технологию называют 
просто асинхронным обменом данными. 


Превосходным примером применения этой технологии является Сооёе Марѕ 
(рис. 17.1), где новый участок карты загружается с сервера по мере необходимости, 
для чего не требуется обновление всей страницы. 
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Рис. 17.1. Соодіе Марѕ — превосходный пример использования 
технологии асинхронного обмена данными 
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Использование асинхронного обмена данными не только приводит к существен- 
ному снижению объема данных, передаваемых в обе стороны, но и обеспечивает 
плавную динамичность веб-страниц, делая их поведение характерным для само- 
стоятельных приложений. В результате значительно улучшается пользовательский 
интерфейс и ускоряется реакция на действия пользователя. 


Что такое асинхронный 
обмен данными 


Используемый в наши дни асинхронный обмен данными берет свое начало 
в 1999 году с выпуска Пиегпеё Ехр|огег 5, где был представлен новый АсйуеХ-объект 
ХмЕНЕЕрВедие$+. Разработанная в корпорации МісгоѕоЌ технология Асйуех пред- 
усматривает использование дополнительных программных модулей, устанавлива- 
емых на ваш компьютер. Позже разработчики других браузеров поддержали этот 
почин, но вместо применения АсііуеХ они разработали функциональный модуль, 
ставший неотъемлемой частью интерпретатора ЈауаЅсгірї. 


Но ктому времени уже появилась ранняя форма технологии, использующая на 
странице скрытые фреймы, которые взаимодействуют с сервером в фоновом режи- 
ме. Самыми первыми потребителями этой технологии были участники форумов, 
которые задействовали ее для опроса и отображения новых сообщений без пере- 
загрузок страницы. 


В этой главе мы рассмотрим, как реализовать асинхронный обмен данными, ис- 
пользуя ЈауаЅсгірї. 


ХМЕНЕрКеаие$ 


Из-за различий в реализации ХМЕНЕЕрВедиез+, имеющихся в разных браузерах, воз- 
никает необходимость в создании специальной функции, обеспечивающей работу 
вашего кода на всех основных браузерах. Для этого необходимо разобраться с тремя 
способами создания объекта ХМЕНЕЕрВеачез*: 


о ТЕ 5: гедиез* = пем АсёіуеХобјес+ ( "Місгоѕо#+ .ХМЕНТТР"); 
о ТЕб+: гедиеѕі = пен АсїімеХоБјесі( "Мѕхт12.ХМІНТТР"); 





О все остальные браузеры: гедиеѕі = пем ХМЕНЕЕрВедие$+(). 


Дело в том, что МісгоѕоЇ с выпуском Гпбегпей ЕхрІогег 6 решила внести изменения, 
тогда как все остальные браузеры используют несколько иной метод. Поэтому код, 
показанный в примере 17.1, будет работать на всех основных браузерах, выпущен- 
ных за последние несколько лет. 
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Пример 17.1. Кросс-браузерная функция асинхронного обмена данными 


<5сг1ре> 

ФипсЕ1оп азупсКедиез*() 

{ 
{гу // Браузер не относится к семейству ТЕ? 
{ // Да 

уаг гедиез{ = пем ХМЕНЕЕрВедие$*() 

сасһ(е1) 
{ 


{гу // Это ТЕ 6+? 


{ // Да 
гедиеѕ = пем АсбімеХобјес+ ("Мѕхт12. ХМЕНТТР" ) 


} 
саїсһ(е2) 
{гу // Это ТЕ 5? 
{ // Да 
гедиез{ = пем АсЕ1\уехоБес* ("М1 сго$о- .ХМЕНТТР" ) 


сасһ(ез3) // Данный браузер не поддерживает 
// асинхронный обмен данными 


{ 
гедие${ = Ға1ѕе 
} 
} 
} 
гефигп гедие$+ 
7 
</5сг1ре> 


Вспомним элементарные способы обработки ошибок из предыдущей главы, где 
применялась конструкция *гу.. .саёсһ. Код примера 17.1 является прекрасной 
иллюстрацией той пользы, которую можно извлечь из применения данной кон- 
струкции, поскольку в этом коде ключевое слово «гу задействуется для выполнения 
команды не в формате ГЕ и в случае успеха — перехода к завершающей инструкции 
геигп, возвращающей новый объект. 


В противном случае с помощью инструкции сафсй осуществляется перехват ошиб- 
ки и выполняется следующая команда. И опять в случае успеха возвращается но- 
вый объект, а в случае неудачи предпринимается попытка выполнения последней 
из трех команд. Если эта попытка окажется неудачной, значит браузер не поддер- 
живает асинхронный обмен данными и объект педиеѕї получает значение +а15е, 
а в случае удачи возвращается полноценный объект. Итак, теперь у вас есть кросс- 
браузерная функция запроса, которую можно будет добавить к вашей библиотеке 
полезных функций ЈауаЅсгірі. 


Теперь, когда вы располагаете средством для создания объекта ХМЕНЕрКедие$т, 
возникает вопрос о том, что можно делать с подобными объектами. Каждый такой 
объект поступает с набором свойств (переменных) и методов (функций), перечис- 
ленных в табл. 17.1 и 17.2 соответственно. 
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Таблица 17.1. Свойства объектов ХМЕНЕрВедие$ 





Свойства Описание 





опгеайуѕќаќесһапее | Определяет функцию обработки события, вызываемую при изменении 
имеющегося в объекте свойства геайуЅѓаѓе 





геайу$Ѕѓаѓе Целочисленное свойство, дающее представление о состоянии 

запроса. Оно может иметь любое из следующих значений: 

0 = неинициализирован, 1 = загружается, 2 = загружен, З = в состоянии 
диалога или 4 = завершен 














геѕропѕеТехі Данные, возвращенные сервером в текстовом формате 
тезропзе МЕ Данные, возвращенные сервером в формате ХМЕ 
збаби$ Код статуса НТТР, возвращенный сервером 
збаси$Техё Текст статуса НТТР, возвращенный сервером 











Таблица 17.2. Методы объектов ХМЕНЌрВедиеѕі 

















Методы Описание 

ађогїО Отмена текущего запроса 
Бе:АМКеѕропѕеНеайегѕ() Возвращение всех заголовков в виде строк 

зе ВезропзеНеааег( параметр) Возвращение значения параметра в виде строки 
ореп( ‘метод’, ‘ит’, 'асинхронно’) Определение используемого НТТР-метода 


(СЕТ или РОЅТ), целевого ОКІ-адреса 
и обязательности обработки запроса 
в асинхронном режиме (гие или Ѓа[ѕе) 





ѕепа(данные) Отправка данных серверу назначения 
с использованием указанного НТТР-метода 





зе Кециез(Неа4ег( параметр’, значение’) | Установка в заголовок пары «параметр — 
значение» 











Перечисленные свойства и методы позволяют управлять данными, отправляемыми 
на сервер и получаемыми в ответ, а также выбирать методы отправки и получения 
этих данных. Например, можно выбрать формат запрашиваемых данных: текстовый 
(который может включать НТМІ. и прочие теги) или ХМГ. Можно также решить, 
какой из методов — РОЅТ или СЕТ — следует использовать для отправки данных 
на сервер. 


Рассмотрим сначала метод РОЅТ, создав очень простую пару документов: комби- 
нацию из НТМІ и ЈауаЅсгірі — и РНР-программу для взаимодействия с первым 
документом в асинхронном режиме. В этих примерах за счет использования лишь 
нескольких строк Јауа$сгірё у стороннего веб-сервера запрашивается веб-документ, 
который затем возвращается браузеру вашим сервером и размещается в определен- 
ном разделе текущего документа. 
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Ваша первая программа, использующая асинхронный 
обмен данными 


Наберите и сохраните в файле иг1ро$+.Н&м1 код примера 17.2, но пока не загру- 
жайте его в свой браузер. 


Пример 17.2. игіроѕё.ћёті 


<1рОСТҮРЕ һ&т1> 
<Ает1> <!-- иг1ро$е.Вт1 --> 
<Пеа4> 
<{11е>Пример асинхронного обмена данными< /+1{1е> 
</һеаа> 
<Бо4у ѕ+у1е= '+ехі-а1іеп: сепёег' > 
<һ1>Загрузка веб-страницы в контейнер ОТ\/</в1> 
<аіу іа='іпҒо' >Это предложение будет заменено</а1\> 


<$сг1ре> 
рагатѕ = "иг1= пем$ . сот" 
гедиеѕ = пем азипсКедиез*() 


гедие$* .ореп("РО$Т", "иг1роѕ&.рһр", гие) 

гедиеѕі. ѕе+Кедиеѕ&Неайег ("Сопёепі-+уре", 
"арр1іса+іоп/х-ммм- Ғогт-ие1епсоӣеаӣ") 

гедиеѕі. ѕе+Кедиеѕ&Неайег ("Сопёепё-1епеёһ", рагам$ .Іепеёһ) 

гедиеѕі . ѕе+Кедиеѕ&Неайег ("Соппесёіоп", "с10оѕе") 


гедиеѕЕ.опгеайуѕтаесһапре = Фипс1оп() 


{ 
1+ (4115 .геаду$фаее == 4) 
{ 
1+ (4615$.зфафи$ == 200) 
б 
1+ (©һ1іѕ.геѕропѕеТехї != пи11) 
{ 
доситеп{ . ве+Е1етеп+ВуІа( 'іп+о').іппегнтмі = &һіѕ. геѕропѕеТех+ё 
} 
е1ѕе а1егі ("Ошибка обмена данными: Данные не получены") 
} 
е15е а1егі( "Ошибка обмена данными: " + &һіѕ.ѕ&а+иѕТех+) 
} 
} 


гедиеѕ. ѕепа(рагатѕ) 


ФипсЕ1оп аѕипсКедиеѕ+() 


{ 
гу 


{ 
} 


үаг гедиеѕ& = пем ХМІНЕЄрКедиеѕї() 
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саїсһ(е1) 


{ 
гу 


{ 


гедиез{ = пем АсёімеХобјес+ ("Мѕхт12.ХМІНТТР") 


} 
саїсһ(е2) 


{ 
СРУ 


{ 


гедиез{ = пем АстімеХоОбјес+ ( "Місгоѕо++. ХМІНТТР") 


} 
сасһ (е3) 


{ 


гедчеѕ = Ға1ѕе 


} 
} 
} 


геёигп педиеѕё 


} 
</ѕсгірі» 
</боау> 
</ћЕт1> 


Разберем этот документ и посмотрим, что он делает, начиная с первых шести строк, 
в которых устанавливается, что это НТМІ -документ, и отображается его заголовок. 
В следующей строке создается тег <аіу> с ТО іп+о, в котором изначально содер- 
жится текст: Это предложение будет заменено. Позже сюда будет вставлен текст, 
возвращенный в результате вызова. 


Следующие шесть строк нужны для создания НТТР-запроса РОЅТ. В первой стро- 
ке переменной рагатѕ, которая отправляется на сервер, присваивается значение, 
состоящее из пары параметр = значение. Затем создается А] АХ-объект запроса. 
После этого вызывается метод ореп, настраивающий объект на создание РОЅТ- 
запроса по адресу иг1роз* .рир в асинхронном режиме. Последние три строки в этой 
группе настраивают заголовки, необходимые для того, чтобы получающий сервер 
знал о поступлении РОЅТ-запроса. 


Свойство геаду$“ае 


Теперь мы наконец добрались до самых тонкостей асинхронного вызова, кото- 
рые целиком базируются на использовании свойства геаду$+ате. Оно позволяет 
браузерам реагировать на пользовательский ввод и изменять содержимое экрана 
при условии, что наша программа настраивает свойство опгеайуѕаесһапеве на то, 
чтобы при каждом изменении свойства геайуѕ+ате вызывалась выбранная нами 
функция. В данном случае будет использоваться не отдельная функция, имеющая 
собственное имя, а безымянная (или анонимная) встроенная функция. Она отно- 
сится к так называемым функциям обратного вызова, поскольку вызывается при 
каждом изменении свойства геайуѕтаќе. 
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Синтаксис объявления функции обратного вызова, в котором применяется встро- 
енная безымянная функция, имеет следующий вид: 


гедие$* .опгеадуЕа+есйапве = Фипс1оп() 


1+ (&һіѕ.геайуѕ+ате == 4) 
{ 


} 
} 


// какие-нибудь действия 


Если нужно воспользоваться отдельной функцией, имеющей собственное имя, 
применяется несколько иной синтаксис: 


гедие$* .опгеаду${афеспапее = азипсСа11Баск 
ФипсЕ1оп азипсСа11Баск() 


1+ (4115 .геаду${аее == 4) 
{ 


} 
} 


// какие-нибудь действия 


При изучении табл. 17.1 можно увидеть, что у свойства геайуѕёа+е могут быть пять 
значений. Но только одно из них представляет для нас интерес: значение 4, которое 
свидетельствует о завершении вызова. Поэтому при каждом вызове новой функ- 
ции она возвращает управление без каких-либо действий до тех пор, пока свойство 
геайуѕ+аќе не получит значение 4. Когда наша функция обнаружит это значение, 
следующим своим действием она проверит статус вызова, чтобы убедиться в том, 
что он имеет значение 200, означающее, что вызов прошел удачно. 


Если этот статус не равен 200, выводится окно предупреждения с сообщением об 
ошибке, которое содержится в свойстве ѕаёиѕТехї. 








Обратите внимание на то, что на все эти свойства объекта идут ссылки #ћ\іѕ. 
геааубїаѓе, 115.5Ка{ис и т. д., без использования текущего имени объекта гедиеѕї, 
как в ссылках гедиеѕї.геайуЅїаќе или гедиеѕї.ѕїаїиѕ. Это сделано для того, чтобы 
дать вам возможность просто скопировать и вставить код и чтобы он после этого 
смог работать с любым именем объекта, поскольку ключевое слово #5 всегда 
ссылается на текущий объект. 








Итак, после того как установлено, что геаду${а*е равен 4, а ѕёаїиѕ равен 200, про- 
веряется наличие значения у свойства пеѕропѕеТехї. Если значение отсутствует, 
в окне предупреждения выводится сообщение об ошибке. В противном случае 
содержимому контейнера <аіу> присваивается значение свойства пеѕропѕеТехї: 


доситеп{ . вееЕ1етепВута( '1п+о').1ппегНТМЕ = 411$ .гезропзеТех& 
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В этой строке с помощью метода ве Е1етепВутр осуществляется ссылка на элемент 
11-0, а затем его свойству 1ппегНТМЕ присваивается значение, возвращенное вызо- 
вом. В результате чего данный элемент веб-страницы изменяется, а все остальное 
остается прежним. 


После всех этих настроечных и подготовительных действий асинхронный запрос 
наконец-то посылается на сервер с помощью следующей команды, которой пере- 
даются параметры, заранее определенные в переменной рагамз: 


гедиез+{ . ѕепа(рагатѕ) 


Затем весь предыдущий код активизируется при каждом изменении свойства 
геаауѕ+а+е. В конце документа находятся метод азипсВедиез* из примера 17.1 
и теги, закрывающие сценарий Јауа$сгірё и код НТМІ.. 


Серверная половина процесса асинхронного обмена данными 


Теперь мы добрались до РНР-половины этого уравнения, которая показана в при- 
мере 17.3. Наберите этот код и сохраните его в файле иг1роз* .рИр. 


Пример 17.3. игіроѕ.рћр 
<?рһр // иг1роѕ+.рһр 
1+ (155е1($ РОЅТ[ 'иг1'])) { 
есһо Ғі1е реї соп+епіѕ (' Һер: //' . Ѕапіігеѕігіпв($ РОЅТ[ 'ие1'])); 


} 
Ғипс+іоп Ѕапііғеѕёгіпе ($уаг) 
{ 
$\аг = ѕгір +арѕ($уаг); 
$\аг = Һёт1епёіФіеѕ ($уаг); гефигп з&г1рз1азНез ($уаг); 
} 
2> 


Как видите, этот код невелик по объему и использует неизменно актуальную 
функцию обезвреживания содержимого строки — $ап112е5г1пв, которая должна 
применяться ко всем отправляемым в адрес сервера данным. В этом случае не- 
обезвреженные данные могут привести к получению пользователем возможностей 
управления вашим кодом. 


В этой программе для загрузки веб-страницы, которая находится по ОВІ -адресу, 
представленному в переменной $_РО$Т[ 'иг1'], применяется РНР-функция +11е_ 
беї_сопїепёѕ. Эта функция обладает достаточной универсальностью, позволя- 
ющей ей загружать все содержимое файла или веб-страницы как с локального, так 
и с удаленного сервера, — она даже учитывает перемещенные страницы и другие 
перенаправления. 


После набора программы можно будет вызвать в браузере файл и1роѕё.һ+т1, 
и через несколько секунд должна появиться первая страница сайта пемѕ.сот, со- 
держимое которой загружено в <аіу>-контейнер, созданный нами для этих целей. 
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Произойдет это не так быстро, как при непосредственной загрузке веб-страницы, 
поскольку данные переносятся дважды: сначала на сервер, а потом с сервера на 
браузер. Результат должен быть похож на тот, что показан на рис. 17.2. 
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Рис. 17.2. Первая страница сайта пемиз.сот, загруженная в <аіу>-контейнер 


Мы не только добились осуществления асинхронного вызова и получения ответа, 
возвращенного ЈауаЅсгірі, но и воспользовались способностью РНР объединять 
совершенно не связанные друг с другом веб-объекты. Кстати, если бы мы по- 
пытались найти способ извлечения этой веб-страницы непосредственно через 
асинхронный вызов (без обращения к РНР-модулю на стороне сервера), у нас 
ничего бы не вышло, поскольку существуют блоки безопасности, не допускающие 
кросс-доменного применения технологии асинхронного обмена данными. Поэтому 
данный небольшой пример показывает также удобное решение весьма актуальной 
практической задачи. 


Использование СЕТ вместо РОЅТ 


При отправке любых данных из формы можно выбрать СЕТ -запросы, сэкономив 
на этом несколько строк кода. Но у таких запросов есть недостаток: некоторые бра- 
узеры могут кэшировать СЕТ-запросы, притом что РОЅТ-запросы кэшированию 
никогда не подвергаются. Кэширование запроса нежелательно, потому что браузер 
просто-напросто заново отобразит то, что он получил в последний раз, и не станет 
обращаться к серверу за свежими входными данными. Решить эту проблему можно, 
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применив обходной маневр, заключающийся в добавлении к каждому запросу про- 
извольного параметра, обеспечивающего уникальность каждого запрашиваемого 


ОКТ-адреса. 


В коде примера 17.4 показано, как можно добиться такого же результата, который 
был получен при использовании кода примера 17.2, но на этот раз применяя в АЈАХ 


не РОЗТ-, а СЕТ-запрос. 


Пример 17.4. игідеї.ћті 


< ІрОСТҮРЕ 


ВЕт1 > 


<Вт1> <!-- иг1ве.һЕті --> 


<Неаа> 


<{1{1е>Пример асинхронного обмена данными </+141е> 


</һеаа» 


<роду ѕ+у1е= 'ехі-а11івп: сепег' > 
<ћ1»Загрузка веб-страницы в ЮІМ-контейнер</һ1> 
<аіу іа='іпҒо' >Это предложение будет заменено<аіїу> 


<5сг1рф> 
посасһе = "&посасһе=" + Маһ. гапдот() * 1000000 
гедиез{ = пем азипсВедиез+ () 


гедие$+ .ореп("бЕТ", "иг1ееё.рһр?иг1=пемѕ . сот 


гедиез+ .опгеадуЕафеспаптве = Ғипс+іоп() 


1+ (&һіѕ.геайуѕ+а+е == 4) 


} 
} 


1+ (4115$.5фаби$ == 200) 
{ 


1+ ({115.гезропзеТехЕ != пи11) 


{ 


доситеп* . реЕ1етеп&Ву1а( 'іп+о').іппеенНтмі = &һ1іѕ.геѕропѕетТехё 


е15е аІегїі( "Ошибка обмена данными: Данные не получены ") 


} 


е1ѕе а1егі( "Ошибка обмена данными: " + 1[1$.$5фафи$ТехЕ) 


гедиез+ . ѕепа(пи11) 


ФипсЕ1оп аѕипсКедиеѕ+() 


{ 


ігу 


{ 
} 


уаг гедиеѕ& = пем ХМЕНЕЕрВедие$+() 


саїсһ(е1) 


{ 


гу 
{ 


} 


гедиез{ = пем АсёімеХоБјес+ ("Мѕхт12.ХМІЕНТТР") 


+ посасһе, гие) 
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сасһ(е2) 
{ 
{гу 
{ 
гедиеѕ = пем АсбімеХобјес+ ( "Місгоѕо#+ .ХМЕНТТР" ) 
} 
сасһ (ез) 
{ 
гедие${ = Ға1ѕе 
} 
} 
} 
геёигп гедие$* 
} 
</5сг1ре> 
</боау> 
</ћЕт1> 


Различия между этими двумя документами, на которые нужно обратить внимание, 
выделены полужирным шрифтом и состоят в следующем. 


О Для СЕТ-запроса не требуется отправка заголовков. 





О Метод ореп вызывается с использованием СЕТ-запроса с предоставлением 
ОКІ- адреса, строка которого содержит символ ?, а за ним следует пара «пара- 
метр — значение» — иг1=пем$ . сом. 


О Вторая пара «параметр — значение» начинается с использования символа &, за 
которым для параметра посасНе устанавливается случайное значение из диапазона 
от Одо 1 000 000. Такой прием обеспечивает разное содержимое каждого запраши- 
ваемого О ВТ-адреса, что препятствует обслуживанию запросов из кэша. 


О Вызов метода ѕепа теперь содержит только параметр пи11, поскольку здесь 
отсутствуют параметры, которые передаются при РОЗТ-запросе. Учтите, что 
опускать этот параметр нельзя, поскольку это вызовет ошибку. 


Для сопровождения нового документа необходимо изменить РНР-программу так, 
чтобы она отвечала на СЕТ-запрос. Файл иг16е+.рһр, в котором содержится код 
программы, показан в примере 17.5. 


Пример 17.5. иде .рпр 


<?рһр 
14 (155е1(% СЕТ[ '‘иг1'])) 


есһо #Ғі1е ре сопёепіѕ ("ҺёЁр: //".ѕапіёігеЅігіпе ($ СЕТ[ 'иг1'])); 


} 


ФипсЕ1оп зап1{17е5г1п8($уаг) 


{ 
$\аг = $+г1р_+ав$ ($уаг); 
$\аг = һіт1епёі+іеѕ ($уаг); геёигп 5&ғірѕ1аѕһеѕ ($уаг); 


} 


?> 
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Единственная разница между этим кодом и кодом примера 17.3 заключается 
в том, что ссылка на массив $_РО$Т заменена ссылкой на массив $ СЕТ. Конечный 
результат вызова иг1 вет. Ит1 в вашем браузере будет идентичен результату вы- 
зова иг1роѕ+.һёті1. 


Отправка ХМІ-запросов 


Хотя создаваемые нами объекты называются объектами ХМІНЕЄрКедиеѕ&, пока 
мы обходились без использования ХМІ.. Вы смогли убедиться в том, что мы за- 
прашивали с помощью асинхронного запроса весь НТМТ--документ, но могли бы 
с таким же успехом запросить текстовую страницу, строку или число, или даже 
данные электронной таблицы. 


Внесем изменения в приведенный ранее пример документа и РНР-программы и на- 
строим их на извлечение данных в формате ХМГ. Для этого рассмотрим сначала 
РНР-программу хт16е+. рһр, показанную в примере 17.6. 


Пример 17.6. хтідеё.рћр 


<2рһр 
1+ (155е1($ СЕТ[ 'ие1'1)) 
{ 
һеадег( 'Сопфеп*-Туре: %ехе/хт1'); 
есһо +11е_веф сопепіѕ ("ВЕЕр://".5ап117е5%г1т8($_бЕТ['иг1'])); 


} 


ФипсЕ1оп зап1{17е5г1п8($\уаг) 
{ 
$\аг = $&г1р_{ав$ ($\уаг); 
$\аг = Һ@т1епёі+іеѕ ($уаг); 
гефиги ѕ&гірѕ1аѕһћеѕ ($уаг); 


} 


?> 


Эта программа по сравнению с предыдущей подверглась небольшому изменению 
(которое выделено полужирным шрифтом), чтобы перед возвращением извлечен- 
ного документа выводился правильный ХМІ -заголовок. Здесь не выполняются 
никакие проверки, поскольку предполагается, что вызов кода запросит настоящий 
ХМГ-документ. 


Теперь рассмотрим НТМТ-документ хи1ве* .һёт1, показанный в примере 17.7. 


Пример 17.7. хтідеї.ћті 


<!БОСТУРЕ һ&т1> 
<Вт1> <!-- хм1ве.ҺЕті --> 
<Пеад> 
<{1{1е>Пример асинхронного обмена данными< /і&1е> 
</Неаа> 
<Боду> 
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<һ1>Загрузка ХМЁЕ-содержимого в ЮІМ-контейнер</һ1> 
<аіу іа='іпҒо' >Это предложение будет заменено</ іу» 


<ѕсгірї» 
посасһе = "&посасһе=" + Маһ. гапаот() * 1000000 
ир1 = "55. пемѕ .уаһоо. сот/п55/орѕёогіеѕ" 
ои ни. 


гедиез{ = пем азипсКедиез*() 
гедие$* .ореп("СЕТ", "хт1ре.рһр?иг1=" + иг1 + посасһе, гие) 


гедиеѕЕ.опгеайуѕтаесһапре = Фипс1оп() 


ь 1+ (4115 .геаду$фате == 4) 
у 1+ (1615$.зфа®и$ == 200) 
- 1+ ({11$.гезропзеТехЕ != пи11) 
, їіЄ1е5 = іһ1іѕ.геѕропѕеХмі . веЕЕ1етепеѕВуТағМате( '+і+1е') 
Ғог (ј = Ө; ј < 11ё1еѕ.1Іепеіһ ; ++ј) 
' ои += +1+1е5[9] .сһі1а№одеѕ[6] .поде\а1ие + '<6г>' 
к = оц 
т а1егі ("Ошибка обмена данными: Данные не получены") 
е15е а1ег+ ("Ошибка обмена данными: " + 1[1$.5фафизТех®) 
} 
} 


гедиеѕі. ѕепа(пи11) 


Ғипсбіоп аѕипсКедиеѕї() 


{ 
Фгу 


{ 


үаг гедиеѕ& = пем ХМІНЕЄрКедиеѕї() 


} 
сасһ(е1) 


{ 
Фгу 


{ 


гедиез{ = пем АсбімеХобјес+ ("Мѕхт12.ХМЕНТТР") 


сасһћ(е2) 


{ 
{гу 


{ 
} 


гедиеѕ = пем АсбімеХобјес+ ( "Місгоѕо#+ .ХМЕНТТР" ) 
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сасһ (е3) 
о 


гедчеѕ = Ға1ѕе 


} 
} 
} 


геёигп гедие$+ 


} 
</5сг1ре> 
</боау> 
</ћЕт1> 


В этом коде все различия также выделены полужирным шрифтом, чтобы вы мог- 
ли увидеть, что он очень похож на предыдущие версии, за исключением того, что 
теперь запрашивается ОКІ -адрес гѕѕ.пеуѕ.уаһоо.сот/гѕѕ/орѕќогіеѕ, по которому на- 
ходится ХМТ-документ, содержащий поток последних новостей — Үаһоо! М№е\уз 
Тор Ѕіогіеѕ Ѓееа. 


Другое существенное изменение касается использования свойства геѕропѕехмі, 
которым заменено свойство гезропзетех*. Когда сервер возвращает ХМІ -данные, 
СВОЙСТВО геѕропѕеТехі возвращает значение пи11, а СВОЙСТВО гезропзехмЕ будет 
содержать возвращенные ХМГ-данные. 


Но гезропзехмЕ не просто содержит строку ХМГ-текста — на самом деле в нем на- 
ходится полноценный объект ХМТ-документа, который может быть проанализи- 
рован с использованием методов и свойств ООМ-дерева. Это, к примеру, означает, 
что к нему можно применить ]ауазст!рй-метод веЕ1етепёѕВуТавМате. 


Несколько слов о ХМЁ 


Документ ХМГ, как правило, имеет форму К55-потока, показанного в приме- 
ре 17.8. Но красота ХМТ. заключается в том, что этот тип структуры может быть 
сохранен внутри ООМ-дерева (рис. 17.3), что дает возможность выполнять в нем 
быстрый поиск. 


Пример 17.8. Документ ХМЕ 


<?хт1 уег$10п="1.0" епсоаӢіпе="ОТЕ-8"?> 
<755 мегѕіоп="2.0"> 
<сһаппе1> 
<іЄ1е›к55 -поток</+і+1е»> 
<Тіпк>һр: //мерѕі+е. сот< /1іпк> 
<аеѕсгірёіоп»>К55-поток мерѕі+е. сот </4езсг1рЕ1оп> 
<рибрафе>Понедельник, 11 мая 2020 года, 00:00:00 СМТ</риБра+е» 
<іъет> 
<{1{1е>Заголовок< /+і+1е» 
<виіа>һі+р: //мерѕіте. сот/һеаа1іпе</еиіа» 
<аеѕсгір+іоп>Это заголовок</аӢеѕсгірёіоп»> 
</ібет> 
<іъет> 
<{11е>Заголовок 2</41{1е> <риіа»һ+р: / /мерѕіёе. сот/Неаа911пе2</ви1а> 
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<аеѕсгірёіоп>Второй заголовок< /4езсг1рЕ1оп> 
</1Фет> 
</сһаппе1> 
</г5$5> 





уЖ————=—ы—ы=—=—=—ы—=— 








Рис. 17.3. ООМ-дерево примера 17.8 


Затем, используя метод ве+Е1етепёѕВуТавМате, можно быстро извлечь значения, 
связанные с различными тегами, не занимаясь громоздким строчным поиском. 
Именно это и делается в коде примера 17.7, где выдается следующая команда: 


+іЄ1еѕ = +һіѕ.геѕропѕеХмі .вееЕ1етепт{$ВуТаёМате ( '+1+1е') 


За счет выполнения только этой одной команды все значения элементов <+іё1е> 
помещаются в массив +і+1еѕ. После этого остается лишь извлечь их с помощью 
следующего выражения (где было присвоено целочисленное значение, представ- 
ляющее заголовок, к которому осуществляется доступ): 


+іЄ1е5[5 ].сһі1аМ№одеѕ [90] .поде\а1ие 


Затем все заголовки добавляются к строковой переменной оц\, и, поскольку все они 
уже прошли обработку, результат вставляется в пустой <аіу>-контейнер в начале 
документа. При вызове в браузере файла хт1веї.һёт1 будет получен результат, 
похожий на тот, что показан на рис. 17.4. 








Следует вкратце напомнить, что каждый объект вроде заголовка, является узлом, 
и таким образом, к примеру, текст заголовка считается узлом внутри заголовка. 
Но даже после получения дочернего узла его нужно запросить в виде текста, 
для чего и предназначен метод .поде\аше. При запросе ХМ!-данных, равно как 
и при работе со всеми другими формами данных, следует помнить, что можно 
воспользоваться либо методом РОТ, либо методом СЕТ — ваш выбор на резуль- 
тат не повлияет. 
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Загрузка ХМГ-содержимого в ОТУ-контейнер 


Үаһоо! Мечи: Тор Ѕїіопезѕ 

Үаһоо! Чему 

СТА сыеЁРапена: 175 Ваз фимеп Баск а1-Са:а (АР) 
Роћсе аггез{ тоге Њап 500 аї Тогопіо зшиті (АР) 
Роре йеріогеѕ Вела ѕех газ, ѕітеѕѕез айопоту (АР) 
Топенте Ѕеп. Вуга ш Нозрйа|, зепочу Ш (АР) 

СОР зепарогз: Сап Каваи бе прагна! л4ее? (АР) 
Мап сһагвей іп Ра. зїарЫпе гатраре ћаї КШе 4 (АР) 
ОШ зрШ'з рзусһоЇорісаЇ фо сшейу пои: (АР) 

Ѕсоепісіз зау їеѕі соці ргефсі тепорацѕе (АР) 
Јау-7,1еайѕ попипееѕ аї тиѕіс-Шеа ВЕТ Амгаг4з (АР) 
Атоепіпа Беаїѕ Межсо 3-1 аї \Гой4 Сир (АР) 

С20 маКз поһіторе Бећмееп огом, дейсіз (Кеџіегѕ) 
Тогопіо роћсе бге їеаг ваз оп 020 ргоїезіегѕ (Кешегѕ) 








Рис. 17.4. Извлечение новостного ХМ!-потока Үаһћоо! в асинхронном режиме 


А зачем вообще использовать ХМІ? 


Может возникнуть вопрос, а для чего еще можно применять ХМГ, кроме как для 
извлечения ХМГ-документов в виде К55-потоков? Проще всего ответить, что 
пользоваться им вас никто не заставляет, но если вам нужно возвращать структу- 
рированные данные своим приложениям, то отправка простых, неорганизованных 
фрагментов текста может превратиться в настоящую проблему, для решения кото- 
рой потребуется довольно сложная обработка в ЈауаЅсгірі. 


Вместо этого можно создать ХМІ -документ и вернуть его вызывающей функции, 
которая автоматически поместит его в ООМ-дерево в виде уже знакомого вам 
легкодоступного НТМІ. ООМ-объекта. 


В наши дни в качестве формата обмена данными программисты больше склонны 
к использованию формата ЈЅОМ (см. ћр://јѕоп.огд), поскольку он является простым 
подмножеством ЈауаЅсгірі. 
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Использование специальных сред для асинхронного 
обмена данными 


Теперь, когда вы узнали о том, как создавать собственные процедуры асинхронного 
обмена данными, можно будет исследовать некоторые из свободно распространя- 
емых программных продуктов, представляющие собой среду, способную упростить 
работу с применением этой технологии и предлагающую множество более совер- 
шенных функциональных возможностей. В частности, я советую обратить внима- 
ние на библиотеку јОпегу, которая, наверное, является наиболее востребованной 
средой для работы с применением АЈАХ и рассматривается в главе 21. А в следу- 
ющей главе мы рассмотрим применение стилей к вашему сайту с помощью С55. 


Вопросы 


Зачем нужна функция для создания новых ХМЕНЕЕрВедие$*-объектов? 
Для чего предназначена конструкция «гу. . .саёсћ? 

Сколько свойств и методов имеется у объекта ХМІНЄЄрКедиеѕ&? 

Как можно определить завершение асинхронного вызова? 


Как узнать об успешном завершении асинхронного вызова? 


олор н 


В каком свойстве объекта ХМЕНЕЕрВедиез* содержится текстовый ответ, возвра- 
щенный асинхронным вызовом? 


7. В каком свойстве объекта ХМЕНЕ{рВедиез* содержится ХМТ-ответ, возвращен- 
ный А] АХ-вызовом? 


8. Как указать функцию обратного вызова, предназначенную для обработки от- 
ветов асинхронного вызова? 


9. Какой метод объекта ХМЕНЕЕрКедие${ используется для инициирования асин- 
хронного запроса? 


10. В чем состоит основное различие между СЕТ- и РОЅТ-запросом при асинхрон- 
ном обмене данными? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Введение в С55 


Используя каскадные таблицы стилей — Сазса те З6уе ЗВеез (С55), — вы може- 
те применить стиль к своим веб-страницам, чтобы придать им желаемый внешний 
вид. Работа С$$ основана на их подключении к объектной модели документа — 
Юоситепе ОБесё Мо4е] (ОМ), которая была рассмотрена в главе 13. 


Используя С$$ и их интеграцию с РОМ, можно быстро и просто изменить стиль 
любого элемента. Например, если не нравится исходный вид заголовков, опре- 
деляемых тегами <һ1>, <һ2> и т. д., можно назначить новый стиль, отменяющий 
исходные настройки, касающиеся используемого семейства шрифтов и размера, 
применения полужирного шрифта или курсива, а также многих других свойств. 


Один из способов добавления стилей к веб-странице заключается во вставке требу- 
емых для этого инструкций в заголовок страницы между тегами <Пеад> и </һеад». 
Поэтому для изменения стиля, применяемого к содержимому тега <ћ1>, нужно 
воспользоваться следующим кодом (синтаксис которого будет рассмотрен чуть 
позже): 


<5{у1е> 
81 { со1ог:гей; Ғопі-ѕіғе: Зет; Ғопё-Ғаті1у:Агіа1; } 
</5ѕ+у1е» 


Внутри НТМГ-страницы этот код может иметь вид, показанный в примере 18.1, 
в котором, подобно всем остальным примерам, используемым в данной главе, при- 
меняется стандартное НТМТ.5-объявление ООСТУРЕ (рис. 18.1). 


Пример 18.1. Простая НТМЕ-страница 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<һеаа> 
<{1{1е>Здравствуй, мир! </%©1Ё1е> 
<5{у1е> 
[1 { со1ог:гед; Ғопї-ѕіғе: Зет; Ғопё-Ғаті1у:Агіа1; } 
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</ѕ+у1е» 
</һеаа> 
<Боду> 
<һ1>Всем привет</һ1> 
</боау> 
</ћЕт1> 












©? Здравствуй, мир! 


(<) 5$ | @ Іосаіһоѕ}/18/ехатріе 









=== т) | а Ѕеагсћ 





Всем привет 


$? Здравствуй, Х | З 


Р. Ч РУ 
(Ө эео ә» 


Всем привет 











Рис. 18.1. Стилизация тега, оригинальный стиль которого показан во вставке 


Импортирование таблицы стилей 


Когда стиль нужно применить не к одной странице, а ко всему сайту, лучше управ- 
лять таблицами стилей путем их полного перемещения из веб-страниц в отдельные 
файлы с последующим импортом той таблицы, которая вам нужна. Тем самым 
предоставляется возможность применения разных таблиц стилей к разным фор- 
матам подачи информации (например, в варианте просматриваемой веб-страницы 
и в варианте вывода на печать) без изменения НТМІ. 


Этого можно достичь двумя различными способами, первый из которых заключа- 
ется в использовании С5$-директивы @ітрогї: 


<5фу1е> 
@1трогЕ иғ1('ѕ+у1еѕ.с55'); 
</5+у1е> 
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Эта инструкция заставляет браузер извлечь таблицу стилей с именем $%у1е$.с5$. 
Гибкость, присущая команде @1трог*, позволяет создавать таблицы стилей, которые 
сами импортируют другие таблицы стилей, а те, в свою очередь, могут импорти- 
ровать другие таблицы и т. д. А вот теги <ѕ+у1е» и ‹/%у1е> при вызове внешних 
таблиц стилей из других таблиц не нужны, и их присутствие сделает инструкцию 
неработоспособной. 


Импортирование С55 из НТМІ-кода 


Включить таблицу стилей можно также с помощью НТМГТ-тега <1іпк>: 


<1іпк ге1='ѕ+у1еѕһее' һгеҒ=' ${у1е$.с$5'> 


Результат будет точно таким же, как и при использовании директивы @ітроге, но 
<1іпк> является тегом, применяемым только в НТМГ, и не относится к стилевым 
директивам, поэтому он не может задействоваться в одной таблице стилей для 
импорта другой такой таблицы. Он также не может помещаться внутри пары тегов 
<ѕ+у1е»...</51у1Іе>. 


Точно так же, как в С55, можно использовать несколько директив @ітрогї для 
включения в состав таблицы стилей нескольких внешних таблиц, в коде НТМГ, 
можно применять любое нужное количество элементов, задействующих теги 
<ІіпК>. 


Встроенные настройки стиля 


Можно также выполнять индивидуальные настройки или заменять конкретные 
стили, вставляя объявления стилей непосредственно в код НТМІ. следующим 
образом (в данном случае внутри тегов задается курсивный текст синего цвета): 


<аіу эфу1е='Фоп{-$%у1е:1фа11с; со1ог:Б1ие; '>Всем привет</41\> 


Но подобные настройки стоит отложить до тех пор, пока не сложатся самые край- 
ние обстоятельства, поскольку они нарушают принцип отделения содержимого от 
представления. 


Идентификаторы (10) 


Более удачным решением для настроек стиля отдельно взятого элемента является 
назначение формирующему его НТМІ -коду идентификатора: 


<аіу 14='ме1соте' >Всем привет</Яіу> 


Тем самым устанавливается, что содержимое <аіу>-контейнера с идентификатором, 
имеющим значение ме1соте, должно иметь применяемый к нему стиль, который 
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определен в стилевых настройках ме1соме. Соответствующая С5$-инструкция для 
этого может иметь такой вид: 


#ме1соте { Роп{-$%у1е:1%а11с; со1ог:Ь1че; } 








Обратите внимание на использование символа решетки (#), который указывает 
на то, что эта инструкция задает стилевые настройки только для идентификатора 
по имени м/есоте. 








Классы 


Значение элемента іа на веб-странице должно быть уникальным, так как именно 
это позволяет служить ему в качестве идентификатора. Если нужно применить 
один и тот же стиль ко многим элементам, не следует давать каждому из них осо- 
бый идентификатор, поскольку для управления всеми этими элементами можно 
указать класс: 


<аіу с1а55= ' ме1соте ' >Привет< /491\> 


Тем самым утверждается, что стиль, определенный в классе ір1ие, должен приме- 
няться к содержимому данного элемента (и любых других элементов, относящихся 
к этому классу). При использовании класса можно либо в заголовке страницы, 
либо во внешней таблице стилей задействовать для настройки стилей класса сле- 
дующее правило: 


.ме1соте { Фоп{-$5{у1е:1%а11с; со1ог:Ь1че; } 


Вместо использования символа решетки (#), который закреплен за идентификато- 
рами (10), инструкции, относящиеся к классу, предваряются символом точки (.). 


Точки с запятой 


В С55 точки с запятой применяются в качестве разделителей нескольких инструк- 
ций С55, расположенных в одной и той же строке. Но при наличии в правиле толь- 
ко одной инструкции (или при встраивании настройки стиля в НТМГТ-теге) точку 
с запятой можно опустить, и то же самое можно сделать в отношении последней 
инструкции в группе. 


Но чтобы при использовании С$5 избавиться от ошибок, которые трудно будет 
распознать, можно взять за правило использовать точку с запятой после каждой 
настройки С5$. В дальнейшем их можно копировать и вставлять или же изменять 
свойства, не заботясь об удалении точек с запятой там, где они в принципе не нуж- 
ны, или о добавлении их туда, где они необходимы. 
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Правила ($$ 


Каждая инструкция в С58-правиле начинается с селектора, являющегося элемен- 
том, к которому будет применяться правило. Например, в следующем назначении 
һі является селектором, для которого задается размер шрифта на 240 % больше, 
чем у используемого по умолчанию: 


[1 { Ғопі-ѕ51і2е:240%; } 


Ғопё-ѕіхе является свойством. Задавая для принадлежащего селектору п1 свой- 
ства Роп{-$17е значение 240%, мы гарантируем, что содержимое всех пар тегов 
<һ1>...</һ1> будет отображено с размером шрифта, превосходящим на 240 % 
исходный размер. Все изменения в правиле должны быть внутри символов { и }, 
следующих за селектором. В +оп*-$12е:240%; та часть, которая находится пе- 
ред : (двоеточием), является свойством, а все остальное является применяемым 
к нему значением. 


И наконец, следует точка с запятой (;), завершающая инструкцию. В данном при- 
мере, поскольку Фоп*-$12е является последним свойством правила, точка с запятой 
не требуется (но она должна присутствовать, если за этим свойством будет задано 
значение еще одного свойства). 


Множественные задания стиля 

Задать несколько стилевых настроек можно двумя разными способами. Можно 
объединить их в одной строке: 

[1 { Ғопї-ѕ5і2е:240%; со1ог:61ие; } 

Здесь добавлено второе задание стиля, изменяющее цвет всех заголовков, задава- 
емых тегом <һі», на синий. Можно также расположить задания построчно: 


[1 { РопЕ-5$12е:240%; 
со1ог:Б1ие; } 


Или же можно разнести задания еще дальше, расположив столбцами по двоето- 
ЧИЯМ: 


һі { 
Фоп*-$17е :240%; 
со1ог :Б1ие; 
} 


Тогда будет проще заметить, где начинается каждый новый набор правил, по- 
скольку селектор всегда находится в первом столбце, а следующие за ним задания 
аккуратно выстраиваются благодаря одинаковому горизонтальному смещению 
всех значений свойств. В предыдущих примерах замыкающие точки с запятой 
не нужны, но если придется объединять какие-нибудь подобные группы инструк- 
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ций в одну строку, то при наличии всех точек с запятой это можно будет сделать 
довольно быстро. 


Один и тот же селектор можно указывать произвольное количество раз, и С55 
будет объединять все свойства. Иными словами, предыдущему примеру можно 
также придать следующий вид: 


һі { Еоп*-$12е: 240%; } 
һі { со1ог : Бе; } 








Каких-либо правильных или неправильных способов раскладки кода С55 не су- 
ществует, но я рекомендую вам по крайней мере стараться соблюдать едино- 
образие в построении каждого блока С55, чтобы в нем можно было разобраться 
с первого взгляда. 








А что произойдет, если задать одно и то же свойство для одного и того же селектора 
дважды? 


81 { со1ог : гед; } 
81 { со1ог : Б1ие; } 


Будет применено последнее заданное свойство, в данном случае то, которое имеет 
значение Б1ие. Повторять в одном файле одно и то же свойство для одного и того же 
селектора было бы бессмысленно, но такие повторения часто бывают при реальном 
использовании веб-страниц, когда для них применяются сразу несколько стилей. 
Это и есть одно из ценных свойств С$5, которое называется каскадированием. 


Комментарии 


С55-правила желательно прокомментировать: пусть даже не все или не основную 
их часть, а только главную группу инструкций. Это делается путем размещения 
комментариев внутри пары следующих тегов: 


/* Это комментарий С55 */ 


Комментарий можно развернуть и на несколько строк: 


/* 
Много- 
строчный 
комментарий 


7 








При использовании многострочного комментария нужно иметь в виду, что в них 
нельзя вкладывать однострочные (или любые другие) комментарии. Это может 
привести к непредсказуемым ошибкам. 
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Типы стилей 


Существует несколько разных типов стилей, начиная с исходных стилей, установ- 
ленных в вашем браузере (и любых пользовательских стилей, которые вы можете 
применить в своем браузере, чтобы переопределить исходные значения), продол- 
жая вложенными или встроенными стилями и заканчивая внешними таблицами 
стилей. Для стилей, которые были определены, действует иерархическая последо- 
вательность выполнения, направленная снизу вверх. 


Более подробно все касающееся понятия каскадности таблиц стилей будет рас- 
смотрено далее в разделе «Каскадность С55». Но прежде чем перейти к деталям, 
будет полезно предложить вам краткое введение. 


Исходные стили 


В браузере применяется задание исходных стилей, имеющих самый низкий уровень 
приоритета. Этот набор стилей создается на тот случай, когда у веб-страницы нет 
определений каких-нибудь других стилей. Он предназначен для использования 
в качестве общего набора стилей, достаточно корректно отображаемого в боль- 
шинстве случаев. 


До создания С$$ это были только стили, применяемые к документу, и лишь неболь- 
шая часть этих стилей могла быть изменена веб-страницей (например, внешний 
вид шрифта, его цвет и размер плюс несколько аргументов, относящихся к размеру 
элементов). 


Пользовательские стили 


У пользовательских стилей следующий высочайший уровень приоритета. Они под- 
держиваются большинством современных браузеров, но каждым из них реализуют- 
ся по-разному, поэтому сегодня для создания своих собственных предпочитаемых 
стилей оформления просматриваемой информации проще всего воспользоваться 
таким дополнительным модулем, как $(у1іѕһ (Һр://иѕегѕіуіеѕ.огд/). Он доступен для 
большинства наиболее популярных браузеров, за исключением МісгоѕоЁ Пщегпе 
Ехрогег и Еве, для которых придется загрузить свою собственную таблицу стилей 
через меню свойств обозревателя П\егпеё Оріїопѕ. 


Если вы хотите узнать, как создавать собственные исходные настройки стилей 
для просмотра веб-страниц, воспользуйтесь какой-нибудь поисковой системой 
и введите в нее название вашего браузера и далее слова «пользовательские стили» 
(иѕег ѕуІеѕ). На рис. 18.2 показано окно выбора таблицы пользовательских стилей 
М1сгозой Пиегпес ЕхріІогег. 
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Рис. 18.2. Применение пользовательской таблицы стилей 
для Іпќегпеё Ехріогег 


Если задан пользовательский стиль, который уже был определен в качестве исход- 
ного стиля браузера, то пользовательский стиль заменит исходный стиль браузера. 
Любые стили, не определенные в пользовательской таблице стилей, сохранят свои 
исходные значения, установленные в браузере. 


Внешние таблицы стилей 


К следующему типу относятся стили, которые задаются во внешней таблице 
стилей и заменяют любые стили, заданные как пользователем, так и браузером. 
Внешние таблицы стилей являются рекомендуемым способом создания ваших 
стилей, поскольку вы можете создавать разные таблицы стилей для разных целей, 
например для общего использования в Интернете, для просмотра страниц в бра- 
узерах мобильных устройств с небольшими экранами, для получения распечатки 
ит. д. Нужно будет просто применить при создании веб-страницы один требуемый 
набор стилей для каждого типа носителя информации. 
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Внутренние стили 


Затем следуют внутренние стили, создаваемые внутри тегов <5%у1е>...</з%у1е>, 
которые имеют более высокий уровень приоритета над всеми предыдущими 
типами стилей. Но с этого момента принцип разделения стилевого оформле- 
ния и содержимого начинает нарушаться, поскольку любые внешние таблицы 
стилей, загруженные в то же самое время, будут иметь более низкий уровень 
приоритета. 


Внедренные стили 


И наконец, рассмотрим внедренные стили, представляющие собой назначе- 
ние свойства непосредственно элементу. Они также имеют наивысший уро- 
вень приоритета над любым типом стилей, и их использование имеет следующий 
ВИД: 


<а Иге+=" Ир: / /воор1Іе. сот" зфу1е=" со1ог : вгееп; ">Посетите боо81е</а> 


В этом примере определяемая ссылка будет отображена зеленым цветом, независи- 
мо от любых исходных или других цветовых настроек, применяемых любой другой 
таблицей стилей либо непосредственно к этой ссылке, либо общим порядком ко 
всем ссылкам. 





При использовании этого типа образования стилей вы нарушаете отделение 
разметки от содержимого, поэтому применять подобные решения рекомендуется 
только при крайней необходимости. 








Селекторы С55 


Средства доступа к одному или нескольким элементам называются селекцией, а та 
часть правила С55, которая этим занимается, известна как селектор. И, как вы уже, 
наверное, догадались, существует множество разнообразных селекторов. 


Селектор типа 


Селектор типа работает в отношении типов НТМІ.-элементов, например <р> 
или <і>. Следующее правило, к примеру, обеспечивает полное выравнивание всего 
текста, находящегося между тегами <р>...</р>: 


р { +ехі-аї1івп:јиѕїіҒу; } 
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Селектор потомков 


Селекторы потомков позволяют применять стили к элементам, содержащимся 
внутри других элементов. Например, следующее правило настраивает вывод всего 
текста внутри тегов <6>...</Б> красным цветом, но только если эти теги окажутся 
внутри тегов <р>...</р> (как в этом случае: <р><6>Не110</6> {пеге</р>): 


рЬ { со1ог:геа; } 


Вложенность селекторов потомков может продолжаться до бесконечности, поэтому 
следующее правило является вполне приемлемым для того, чтобы полужирный 
текст внутри элемента маркированного списка выводился синим цветом: 


ит 11 0 { со1ог:Ь1ие; } 


В качестве практического примера представим себе, что нужно использовать дру- 
гую систему нумерации, отличающуюся от исходной для пронумерованного списка, 
вложенного в другой пронумерованный список. Этого можно достичь следующим 
способом, заменяющим исходную нумерацию (начинающуюся с 1) буквами в ниж- 
нем регистре (начинающимися са): 


<1рОСТҮРЕ һёт1> 
<ћЕм1> 
<һеаа» 
<51у1е» 
01 01 { 1151-51у1е-+уре:1омег-а1рһа; }} 
</5ѕ+у1е» 
</Неаа> 
<Боау> 
<01> 
<11>0дин</11> 
<11>Два</11> 
<11>Три 
<01> 
<11>Один</11> 
<11>Два</11> 
<11>Три</11> 
</01> 
</11> 
</о1> 
</боау> 
</ћЕм1> 


Загрузка этого кода НТМІ. в браузер даст следующий результат — как видите, 
элементы второго списка отображаются иначе: 


1. Один 

2. Два 

3. Три 
а. Один 
Ь. Два 
с. Три 
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Селектор дочерних элементов 


Селектор дочерних элементов похож на селектор потомков, но он еще больше 
конкретизирует область применения стиля, выбирая только те элементы, которые 
являются непосредственными дочерними элементами другого элемента. Например, 
следующий код использует селектор потомков, который изменит цвет любого тек- 
ста, выделенного полужирным шрифтом, внутри абзаца на красный, даже если сам 
полужирный текст находится внутри выделения курсивом (подобно следующему 
коду: <р><1><6>Привет</6Ь> всем</1></р>): 


рЬ { со1ог:геа; } 


В данном случае слово Привет отображается красным цветом. Но когда этот более 
общий тип поведения не требуется, чтобы сузить область применения селектора 
еще больше, может использоваться селектор дочерних элементов. Например, в сле- 
дующем правиле знак «больше чем» вставлен с целью создания селектора дочерних 
элементов, устанавливающего красный цвет для текста, выделенного полужирным 
шрифтом, только в том случае, если элемент будет непосредственным дочерним 
элементом абзаца и внутри не содержится другой элемент: 


р> Б { со1ог:геа; } 


Теперь слово Привет не изменит СВОЙ цвет, потому что оно не является непосред- 
ственным дочерним элементом абзаца. 


В качестве практического примера представим себе, что нужно применить стиль 
только к тем <11>-элементам, которые являются непосредственными дочерними 
элементами <01>-элементов. Добиться этого можно с помощью следующего кода, 
где на <11>-элементы, являющиеся непосредственными дочерними элементами 
<и1>-элементов, стиль применяться не будет: 


<!РОСТУРЕ һҺЕт1> 
<ћём1> 
<Неаа> 
<5{$у1е> 
01 > 11 { ТҒопё-меірһі:бо1а; } 
</5+у1е» 
</һеаа» 
<Боду> 
<01> 
<11>Один</11> 
<11>Два</11> 
<11>Три</11> 
</01> 
<и1> 
<11>Один</11> 
<11>Два</11> 
<11>Три</11> 
</и1> 
</боау> 
</ћЕт1> 
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Результат загрузки этого НТМІ -кода в браузер будет иметь следующий вид: 


1. Один 
2. Два 
3. Три 


• Один 
• Два 
• Три 


Селектор элементов, имеющих идентификатор 


Если у элемента есть имя-идентификатор (наподобие следующего: <аїу ід='тудім' >), 
к нему можно обратиться из С$$ напрямую следующим способом, выделяющим 
весь текст в названном элементе курсивом: 


#туд1у { Ғопё-ѕ+у1е:і+а1іс; } 


Каждый идентификатор может использоваться в документе только один раз, по- 
этому только первое найденное появление идентификатора приведет к применению 
нового значения того или иного свойства, заданного правилом С55. Но в С55 мож- 
но непосредственно ссылаться на любые идентификаторы, имеющие одинаковые 
имена, если они появляются в элементах разного типа: 


<аіу 14='ту1а' >Привет</91\> <ѕрап іа= ' туіа' >Привет</ѕрап>» 


Поскольку идентификаторы обычно применяются только к уникальным элемен- 
там, следующее правило будет задавать подчеркивание только первому появлению 
пуіа: 


#туіа { бех -аӢесога+іоп:ипег1іпе; } 


Но можно добиться того, чтобы правило в С$5 применялось к обоим появлениям 
данного идентификатора: 


зрап#ту1а { +ехі-десога+іоп:ипаег1іпе; } 
аіу#туіа { ЕехЕ-десога1оп: ипаег11пте; } 


Или в сокращенной записи (см. далее раздел «Групповая селекция»): 


зрап#ту1а , аіу#туіа { +ехі-десога+іоп:ипаег1іпе; } 








Я не рекомендую использовать такую форму селекции, поскольку она возво- 
дит барьеры в использовании ЈауаЅсгірї. Любой код Јауабсгірі, который также 
должен обращаться к данным элементам, не сможет с этим справиться, так как 
широко применяемая функция деїЕІетепіВу1а вернет только первое появление 
элемента с таким идентификатором. Для ссылки на любые другие экземпляры 
программе придется перебрать весь список элементов в документе, что являет- 
ся куда более сложной задачей. Лучше всегда выбирать для идентификаторов 
только уникальные имена. 
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Селектор класса 


Когда на странице имеются элементы, для которых нужно применить один и тот же 
стиль, всем этим элементам можно задать одно и то же имя класса (например: <ѕрап 
с1аѕ55='тус1аѕ5' >), а затем создать единое правило для одновременного изменения 
всех этих элементов, как в следующем правиле. Оно создает смещение левого края 
на 10 пикселов для всех элементов, которые используют данный класс: 


„.тус1а$5 { маг21п-1е++:1@рх; } 


В современных браузерах могут быть НТМТ-элементы, использующие более одно- 
го класса, если имена классов разделить пробелами, например: <ѕрап с1аѕ5='с1а551 
с1а552 с1а$53 ' >. Но следует запомнить, что некоторые очень старые браузеры до- 
пускают применение в аргументе с1аѕѕ только одного имени. 


Вы можете сузить область действия класса, указав тип элементов, к которым долж- 
но применяться правило. Например, следующее правило применяет настройки 
только к абзацам, использующим класс таіп: 


р.таіп { бехё-іпаеп+:ЗӨрх; } 


В данном примере только те абзацы, которые используют класс таіп (как этот: 
<р с1аѕѕ="таіп" >), получат новое значение свойства. На любые другие типы 
элементов, которые могут применять этот класс (такие как <аіу с1аѕѕ="таіп" >), 
это правило распространяться не будет. 


Селектор атрибутов 


Многие НТМТ-теги поддерживают атрибуты, и использование селектора данного 
типа может избавить вас от применения идентификаторов и классов для ссылок на 
элементы, задаваемые этими тегами. Например, можно непосредственно сослаться 
на атрибуты следующим образом, установив для всех элементов, задействующих 
атрибут +уре="ѕирті", ширину, равную 100 пикселам: 


[уре="ѕирті"] { міаєһ:100рх; } 


Если нужно ограничить область действия селектора, к примеру, до элементов вво- 
да, принадлежащих форме и имеющих это значение атрибута типа, можно вместо 
предыдущего воспользоваться следующим правилом: 


Ғогт іпри+[+уре="ѕибрті"] { міа+һ:100рх; } 





Селекторы атрибутов также работают применительно к идентификаторам 
и классам, например селектор [сіаѕѕ~="Яаѕѕпате"] работает точно так же, как 
и .сІаѕѕпате (за исключением того, что у последнего из них более высокий 
уровень приоритета). Точно таким же образом селектор [іа="іапате"] может 
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использоваться вместо селектора идентификатора #іапате. Селекторы классов 
и идентификаторов, предваряемые символами решетки (#) и точки (.), могут 
рассматриваться в качестве краткой формы селекторов атрибутов, имеющей при 
этом более высокий уровень приоритета. Оператор ~= определяет соответствие 
атрибуту, даже если он входит в группу атрибутов, разделенных запятыми. 





Универсальный селектор 


Групповой символ *, или универсальный селектор, соответствует любому эле- 
менту, поэтому следующее правило приведет к полному беспорядку в документе, 
установив зеленое обрамление для всех его элементов: 


* { Богдег:1рх $0114 вгееп; } 


Скорее всего, универсальный селектор будет использоваться не сам по себе, а как 
часть какого-нибудь составного правила, где он будет весьма эффективен. Напри- 
мер, следующее правило будет применять тот же самый стиль, что предыдущее, но 
только ко всем абзацам, являющимся подчиненными для того элемента, у которого 
имеется идентификатор со значением Бохоц*, и только в том случае, если они не яв- 
ляются непосредственными дочерними элементами: 


#рохоиЁ * р {Богаег:1рх $0114 ргееп; } 


Разберемся в том, что здесь происходит. Первым селектором, следующим за 
#Бохои*, является символ звездочки (*), стало быть, он ссылается на любой 
элемент внутри объекта Бохои*. Затем следующий селектор р сужает фокус 
селекции, направляя его только на абзацы (что и определяется символом р), 
являющиеся подчиненными элементами, возвращаемыми селектором *. Поэтому 
данное С5$5-правило приводит к выполнению следующих действий (в которых для 
ссылки на одни и те же вещи я использую взаимозаменяемые понятия «объект» 
и «элемент»). 


1. Поиск объекта с идентификатором, имеющим значение Бохоиц*. 


2. Поиск всех подчиненных элементов объекта, возвращенного при выполнении 
действия 1. 


3. Поиск всех подчиненных р-элементов тех объектов, которые были возвращены 
при выполнении действия 2, и, поскольку это последний селектор в группе, 
поиск также всех подчиненных р-элементов, подчиняющихся этим подчинен- 
ным элементам (и т. д.) того объекта, который был возвращен при выполнении 
действия 2. 


4. Применение стилей, заданных внутри символов { и }, к объектам, возвращенным 
при выполнении действия 3. 


В результате зеленое обрамление применяется только к абзацам, являющимся 
внучатыми (или правнучатыми и т. д.) элементами основного элемента. 
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Групповая селекция 


При использовании С55 имеется возможность одновременного применения пра- 
вила более чем к одному элементу, классу или любому другому типу селектора 
путем разделения селекторов запятыми. Например, следующее правило поместит 
пунктирную оранжевую линию под всеми абзацами, элементом с идентификато- 
ром 19пате и всеми элементами, использующими класс со значением с1аѕѕпате: 


р, #іапаме, „с1аззпаме { Богаег-Бо{+от:1рх ої+еа огапзе; } 


На рис. 18.3 показан результат применения разных селекторов, а рядом — при- 
меняемые к ним правила. 
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Рис. 18.3. Фрагменты кода НТМІ и применяемые 
в отношении этих фрагментов правила С55 


Каскадность С55 


Как уже вкратце упоминалось, одной из основополагающих особенностей свойств 
С5$5 является их каскадность, благодаря которой они и называются каскадными 
таблицами стилей (Саѕсааіпе ЅсуІе Ѕһееѓѕ). Но что это означает? 


Каскадирование — это метод, используемый для решения потенциальных конфлик- 
тов между различными типами стилей, поддерживаемых браузером, и применения 
их в порядке приоритетности в зависимости от создателя стилей, от метода, кото- 
рый использован для создания стиля, и от типов выбранных свойств. 
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Создатели таблиц стилей 


Все современные браузеры поддерживают три основных типа таблиц стилей. В по- 
рядке приоритетности сверху вниз они располагаются следующим образом. 


1. Созданные автором документа. 
2. Созданные пользователем. 


3. Созданные браузером. 


Эти три набора таблиц стилей обрабатываются в обратном порядке. Сначала 
к документу применяются исходные настройки браузера. Без них веб-страницы, 
не использующие таблицы стилей, выглядели бы ужасно. Они включают внешний 
вид, размер и цвет шрифта, интервалы между элементами, обрамление и отступы 
в таблицах и все остальные разумные стандарты, ожидаемые пользователем. 


Затем, если пользователь создал какие-нибудь стили, которые предпочитает при- 
менять в качестве стандартных, эти стили заменяют исходные стили браузера, 
с которыми они могут конфликтовать. 


И наконец, применяются любые стили, созданные автором текущего документа, 
заменяя любые стили, либо созданные в качестве исходных стилей браузера, либо 
созданные пользователем. 


Методы создания таблиц стилей 


Таблицы стилей могут создаваться с помощью трех различных методов. Если рас- 
положить их в порядке приоритетности сверху вниз, получится следующий 
список. 


1. Внедренные стили. 

2. Встроенная таблица стилей. 

3. Внешняя таблица стилей. 

Эти методы создания таблиц стилей также применяются в порядке, обратном по- 


рядку их приоритетности. Поэтому сначала обрабатываются все внешние таблицы 
стилей и к документу применяются их стили. 


Затем обрабатываются любые встроенные стили (которые находятся внутри тегов 
<ѕ+у1е»...</ѕ+у1е>). Все, что конфликтует с внешними правилами, получает при- 
оритет и заменяет эти правила. 


И наконец, наивысший приоритет получают любые стили, применяемые непосредствен- 
но к элементу в качестве внедренного стиля (такие как <аіу ѕ+у1е="...">...</4ім>), 
которые заменяют все предыдущие заданные свойства. 
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Селекторы таблиц стилей 


Существует три разных способа выбора стилизуемых элементов. В порядке убы- 
вания приоритетности их список имеет такой вид. 


1. Обращение по индивидуальному идентификатору, или селектор атрибутов. 
2. Обращение в группах по классу. 


3. Обращение по тегам элементов. 


Селекторы обрабатываются согласно количеству и типам элементов, подпадающих 
под правило, которое несколько отличается от предыдущих двух правил разрешения 
конфликтов. Причина состоит в том, что правила не должны сразу применяться 
только к одному типу селектора и могут иметь отношение к разным селекторам. 


Таким образом, метод, необходимый для определения уровня приоритета правил, 
может содержать любую комбинацию селекторов. Это делается вычислением 
специфики каждого правила путем выстраивания их в порядке убывания области 
действия. 


Вычисление специфики 


Специфика правила вычисляется путем создания трехкомпонентных чисел на 
основе типов селекторов в показанном выше списке. Эти составные числа сначала 
выглядят как [0,0,0]. При обработке правила каждый селектор, который ссыла- 
ется на идентификатор, увеличивает первое число на единицу, и составное число 
приобретает вид [1,0,0]. 


Посмотрим на следующее правило. У него имеется семь ссылок, три из которых — 
Тр-ссылки (#һеадіпе, #таіп и #тепи), поэтому составное число приобретает вид 
[3,0,6]: 


#һеааіпе #та1п #тепи .ёехё .дио+е р ѕрап { 
// Здесь размещаются правила; 


} 


Количество классов в селекторе помещается во второй части составного числа. 
В данном примере два класса (.+ехї и .дио+е), поэтому составное число приоб- 
ретает вид [3,2,6]. 


И наконец, вычисляется количество селекторов, ссылающихся на теги элементов, 
и результат помещается в последнюю часть составного числа. В нашем примере 
таких селекторов два (р и ѕрап), поэтому составное число приобретает следующий 
окончательный вид: [3,2,2]. 


Этого вполне достаточно для сравнения специфики данного правила с другими 
спецификами. В случаях, подобных этому, когда в составном числе набирается 
девять или меньше селекторов каждого типа, его можно преобразовать непосред- 
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ственно в десятичное число, в нашем случае это 322. Правила с меньшим числом, 
чем это, будут иметь меньший приоритет, а правила с более высоким числом будут 
иметь больший приоритет. Когда у двух правил будет одно и то же значение, вы- 
играет последнее из применявшихся. 


Предположим, к примеру, что у нас также есть следующее правило: 


#һеадӢіпв #таіп .бехїі „.адцофе .пемѕ р ѕрап { 
// Здесь размещаются правила; 


} 


Здесь, несмотря на то что ссылка также идет на семь элементов, имеется только 
две Ш-ссылки, но три ссылки на классы, в результате чего получается составное 
число [2,3,2]. Поскольку 322 больше, чем 232, у первого примера приоритет выше, 
чем у второго. 


Использование другой системы счисления 


Когда в составном числе набирается более девяти типов селекторов, нужно пере- 
ходить на более старшую систему счисления. Например, составное число [11,7,19] 
не подлежит преобразованию в десятичное простым объединением трех частей. 


Вместо этого его можно преобразовать в число с более высоким основанием си- 
стемы счисления, например с основанием 20 (или выше, если будет больше 19 се- 
лекторов любого типа). 


Для этого нужно умножить все три части и сложить результаты, как показано ниже, 
начиная с крайнего справа числа и переходя влево: 


20 х 19 380 
20х20 х 7 = 2800 
20х20х20 х 11 88000 
Всего в десятичном виде = 91180 


Замените значения 20 слева значениями применяемого по необходимости основа- 
ния. Затем, когда все составные числа набора правил пройдут преобразование из 
этого основания в десятичное, будет просто определить специфику, а стало быть, 
и уровень приоритета каждого. 


К счастью, процессор С$$ делает все это за вас, но понимание принципов данной 
работы поможет правильно создавать правила и разбираться в тех уровнях при- 
оритета, которые у них будут. 








Если предыдущие вычисления кажутся вам слишком сложными, полезно будет 
усвоить одно простое общее правило, которого можно придерживаться в боль- 
шинстве случаев: чем меньше подвергаемых изменению элементов и чем более 
конкретно они указаны, тем более высокий приоритет получает правило. 
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Одни правила бывают равнее других 


Когда два правила задания стилей или более имеют абсолютно одинаковый уровень 
приоритета, то по умолчанию будет применяться последнее обработанное правило. 
Но вы можете придать правилу более высокий уровень приоритета по сравнению 
с другими равными ему правилами, используя объявление !ітрогёапё: 


р { со1ог:#++0000 !ітрог+апі; } 


При этом все предыдущие равные настройки заменяются (даже те, в которых ис- 
пользуется объявление !ітрог+апё), и любые равные правила, обрабатываемые 
позже, игнорируются. Например, второе из двух следующих правил в обычном 
случае имело бы приоритет, но из-за применения объявления !ітрог+апё в ранее 
заданном правиле оно игнорируется: 


р { со1ог:#Ғ##0000 !ітрог+апі; } 
р { со1ог:#Ғ#ҒғғӨӨ } 





Пользовательские таблицы стилей могут создаваться для определения исходных 
стилей браузера, и в них может применяться объявление Итрокап В этом случае 
пользовательская настройка стиля будет иметь преимущество над аналогичными 
свойствами, указанными на текущей веб-странице. Но в очень старых браузерах, 
использующих С551, эта особенность не поддерживается. Также следует заметить, 
что установки пользовательского стиля, не имеющие объявления !ітроќапї, будут 
переписаны любыми стилями с этим объявлением, имеющимися на веб-странице. 








Разница между элементами Ом и Ѕрап 


Оба элемента — <91\> и <ѕрап> — относятся к контейнерам, но некоторые качества 
у них отличаются. По умолчанию <91\>-элемент имеет бесконечную ширину (как 
минимум до края окна браузера), которую можно увидеть, если применить к кон- 
тейнеру единичное обрамление: 


<аіу эфу1е="богаег:1рх $0114 ргееп; ">Привет</4а1\> 


А <ѕрап>-элемент не шире того текста, который в нем содержится. Поэтому следу- 
ющий код НТМІ. создаст обрамление только вокруг слова Привет, и оно не будет 
расширяться до правого края браузерного экрана: 


<ѕрап $%у1е="Богаег:1рх $0114 вгееп; ">Привет</ѕрап> 


Кроме того, <ѕрап>-элемент сопровождает текст или другие объекты и при их пере- 
носе на следующие строки, поэтому может иметь довольно сложное обрамление. 
Например, в примере 18.2 код С55 использован для создания желтого фона для всех 
<аїу>-элементов, для создания голубого фона для всех <5рап>-элементов и для до- 
бавления обрамления и ктем и к другим, перед тем как создать несколько примеров 
<зрап>- и <аїу>-блоков. 
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Пример 18.2. Пример контейнеров <аіу> и <ѕрап> 


<!БОСТУРЕ Нт1> 
<һЕм1> 
<һеаа»> 
<{11е>Пример аіу и ѕрап</+ії1е» 
<ѕ+у1е» 
аіу, ѕрап { Богаег :1рх ѕо11іа Б1аск; } 
аіу { Баскёгоипа-со1ог:уе11ом; } 
ѕрап { Баскегоипа-со1ог: суап; } 
</ѕ+у1е» 
</һеаа> 
<роау> 
<аіу>Этот текст находится внутри тега Яіу</а4іу> 
А этот - нет. <їіу>А этот снова внутри тега іу. </аіу><Бг> 


<ѕрап> Этот текст находится внутри тега ѕрап .</ѕрап> 
А этот - нет. <ѕрап> А этот снова внутри тега зрап.</5рап><6г><6г> 


<аіу>Это более объемный текст в теге 41у, который переносится 
на следующую строку браузера </41\><6г> 


<5рап> Это более объемный текст в теге ѕрап, который переносится 
на следующую строку браузера </ѕрап> 
</боау> 
</ћЕт1> 


Как выполнение кода этого примера выглядит в окне браузера, показано на рис. 18.4. 
Хотя все в печатной версии книги изображается в серых тонах, на рисунке четко 
показано, как <4іу>-элементы расширяются до правого края окна браузера и за- 
ставляют следующее за ними содержимое появляться с начала первой доступной 


позиции ниже себя. 
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Рис. 18.4. Разнообразные элементы, имеющие разную ширину 


472 Глава 18 • Введение в С55 





На рисунке также видно, как ведут себя <ѕрап>-элементы, занимая только то про- 
странство, которое требуется для размещения их содержимого, не заставляя при 
этом последующее содержимое страницы появляться под ними. 


Вдобавок к этому в двух самых нижних примерах, показанных на рисунке, можно 
увидеть, что, когда <аіу>-элементы при достижении края экрана переносятся на 
новую строку, они сохраняют прямоугольную форму, в то время как <ѕрап>-элементы 
просто следуют за потоком содержащегося в них текста (или другого содержимого). 





Поскольку <аіу>-теги могут создавать только прямоугольные контейнеры, они 
лучше подходят для содержания таких объектов, как изображения, блоки, цитаты 
ит. д., а контейнеры, создаваемые <ѕрап>-тегами, больше подходят для текста 
или других атрибутов, которые размещаются один за другим на одной линии 
и должны располагаться слева направо (или в некоторых языках справа налево). 








Измерения 


С$5 поддерживает впечатляющий диапазон различных единиц измерения, по- 
зволяя очень точно выкраивать веб-страницы для конкретных значений или от- 
носительных размеров. Я обычно пользуюсь следующими единицами измерений 
(и считаю, что вам они также будут наиболее полезны): пикселами, пунктами, эма- 
ми и процентами. Рассмотрим подробнее эти, а также другие единицы измерения. 


О Пиксел (ріхеі) — его размер варьируется в соответствии с размерами и глуби- 
ной пиксела на пользовательском экране. Один пиксел равен ширине и высоте 
отдельной точки на экране, поэтому данную единицу измерения лучше всего 
использовать для экранов, а не для распечаток. Например: 

„.с1Таззпаме { магріп:5рх; } 

О Пункт (роіпё) — равен по размеру 1/72 дюйма. Эта единица измерения при- 
шла из полиграфии и лучше всего подходит для той среды, но также широко 
используется и для отображений на экранах. Например: 

.сІаѕѕпаме { Роп*-$17е:14ре; } 

О Дюйм (іпсһ) — равен 72 пунктам и также относится к типу единиц измерения, 
наиболее приспособленных для организации вывода на печать. Например: 
.с1аѕѕпате { міаєһ: зіп; } 

О Сантиметр (сепятеег) — еще одна единица измерения, которая наиболее при- 
годна для организации вывода на печать. Один сантиметр немного превышает 
по размеру 28 пунктов. Например: 

.с1аѕѕпате { һеірһ:2ст; } 

О Миллиметр (и ИИтеег) — это 1/10 сантиметра (или почти З пункта). Милли- 
метры являются еще одной единицей измерения, наиболее подходящей для 
организации вывода на печать. Например: 

.сІаѕѕпате { Фоп*-$17е:5тт; } 
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Пика (ріса) — еще одна типографская единица измерения, равная 12 пунктам. 
Например: 
.с1аѕѕпате { Ғопі-ѕіғе:1рс; } 


Эм (ет) — равен текущему размеру шрифта (ширине латинской буквы т). 
Это одна из наиболее полезных единиц измерения для С$$, поскольку исполь- 
зуется для описания относительных размеров. Например: 

.с1аѕѕпаме { Ғопі-ѕіғе:2ет; } 


Экс (ех) — также относится к текущему размеру шрифта. Он равен высоте буквы 
х нижнего регистра. Это менее популярная единица измерения, которая чаще 
всего используется в качестве хорошего приблизительного значения, помога- 
ющего установить ширину прямоугольного блока, который будет содержать 
некий текст. Например: 


.с1аѕѕпате { міа+һ:20ех; } 


Процент (регсепё) — эта единица сродни эму (ет) и ровно в 100 раз больше 
(применительно к шрифту). Если 1 ет эквивалентен текущему размеру шрифта, 
в процентах тот же размер выражается цифрой 100. Когда эта единица не от- 
носится к шрифту, она относится к размеру того контейнера, к которому при- 
меняется данное свойство. Например: 

.с1аѕѕпате { һеірһё:120%; } 


На рис. 18.5 каждый из этих типов измерений показан по очереди применительно 
к отображаемому тексту почти одинаковых размеров. 
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[опі-514е:37рх; 
Гопї-517е:28рї; 
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Ёопі-517е:2.37рс; 
Ғопі-517е:2.37ет; 
Ёопі-517е:5.28ех; 
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Рис. 18.5. Различные измерения, приводящие примерно 
к одинаковому результату 
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Шрифты и оформление 


С помощью С$5 можно настроить четыре основных свойства шрифта: семей- 
ство — Ғаті1у, стиль — ѕ%у1е, размер — $12е и насыщенность — меіеһ+. Пользуясь 
этими свойствами, можно точно настроить способ отображения текста в ваших 
веб-страницах и (или) вывода его на печать. 


Ғопі-ғатііу 


Это свойство назначает используемый шрифт. Оно также поддерживает перечис- 
ление множества шрифтов в порядке предпочтения слева направо, чтобы стилевое 
оформление при отсутствии у пользователя установленного предпочитаемо- 
го шрифта постепенно переходило в сторону менее предпочитаемых шрифтов. 
Например, для установки шрифта по умолчанию для абзацев можно воспользо- 
ваться следующим С585-правилом: 


р { Ғопі-Ғаті1у:Мегаапа, Агіа1, Не1уеіса, ѕапѕ-ѕегіғ; } 


Если название шрифта состоит из двух и более слов, его нужно заключить в кавычки: 


р { Ғопі-Ғаті1у:"Тітеѕ Мем Котап", беогріа, зег1+; } 





Для использования на веб-страницах больше всего подходит такое семейство 
шрифтов, как Агіаі, Немейса, Титез Мем/ Вотап, Тітеѕ, Соигіег М№еуу и Соигіег, по- 
скольку все эти шрифты доступны практически во всех браузерах и операционных 
системах. Шрифты Мегдапа, Сеогдіа, Сотіс Ѕапѕ М5, Тгерисһеї М5, Ана! Васк 
и Ітрасё можно смело применять на Мас и РС, но они могут быть не установлены 
в других операционных системах, таких как Ипих. Другими распространенными, 
но менее надежными шрифтами являются Раіаїйпо, Сагатопа, Вооктап и Ауапї 
Сагае. Если используется один из менее надежных шрифтов, нужно убедиться, 
что в ваших настройках С$5 предложены один или несколько менее предпочти- 
тельных шрифтов, чтобы веб-страницы в отсутствие в браузерах предпочитаемых 
вами шрифтов шли в их использовании по нисходящей. 








На рис. 18.6 показано применение этих двух наборов С$5-правил. 
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Ғопё-ғатіу:Мегаапа, Агіаі, 
Неуейса, ѕапѕ-ѕегіѓ; 


Ѓопі-Ѓѓатіу:'Тітеѕ Меуу Котап', Сеогеіа, 
ѕегіГ: 








Рис. 18.6. Выбор семейства шрифтов 
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пе 


С помощью этого свойства можно выбрать вывод шрифта в обычном — погма1, 
курсивном — 1%а11с или наклонном — о611дие виде. Следующие правила создают 
три класса (погта1, 14а11с и о611дие), которые могут применяться к элементам для 
создания соответствующих эффектов: 


.погта1 { Фоп-$54у1е:погта1; } 
.16а11с { Ғопё-ѕ#у1е:іёа1іс; } 
.оБ1ідие { Ғопё-ѕ+у1е:ор1ідие; } 


Ғопі-ѕі7е 


В предыдущем разделе, касающемся единиц измерения, было рассмотрено множество 
способов изменения размера шрифта, но все они сводятся к двум основным типам: 
фиксированному и относительному. Фиксированная настройка похожа на следующее 
правило, которым для абзацев устанавливается размер шрифта, равный 14 пунктам: 


р { Ғопё-ѕіле:14рі; } 


В качестве альтернативы можно предпочесть работу с текущим размером шрифта 
по умолчанию, используя его для стилевого решения таких видов текста, как за- 
головки. В следующих правилах определены относительные размеры некоторых 
заголовков, где тег <һ» начинает с прибавки в 20 % к размеру по умолчанию и каж- 
дое возрастание размера задается больше предыдущего на 40 %: 

11 { Еоп*-$17е:240%; } 

62 { Роп*-$17е:200%; } 

З { Еоп*-$17е:160%; } 

14 { Ғопі-512е:120%; } 


На рис. 18.7 показана подборка размеров шрифтов в действии. 
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Рис. 18.7. Настройка четырех размеров заголовков и размер абзаца, 
используемый по умолчанию 


476 Глава 18 • Введение в С55 





ҒопіЕ-ууеідһћ 


Используя это свойство, можно задать насыщенность, или степень жирности, 
шрифта. Оно поддерживает несколько значений, но в основном востребованы 
погта1 и Бо1а: 


.6о1а { Ғопё-меіеһ+:бо1а; } 


Управление стилями текста 


Независимо от используемого шрифта в способ вывода текста можно внести до- 
полнительные изменения, меняя его оформление — есога+іоп, разрядку — ѕрасіпе 
и выравнивание — а1івптепё. Но свойства текста и шрифта перекликаются в том 
смысле, что курсивный и полужирный текст можно получить, используя свойства 
Ғопї -ѕ%уІе и Ғопё-меірһ, в то время как другой текст, например подчеркнутый, 
требует применения свойства ёехї - їесогаёіоп. 


Оформление 


Используя свойство +ехі -десога+іоп, можно применить к тексту такие эффекты, 
как подчеркивание — ипӣег1іпе, перечеркивание — Ііпе-+һгоиџећ, верхнее подчер- 
кивание — оуег1іпе и мигание — 611икК. Следующее правило создает новый класс 
по имени оуег, который применяет верхнее подчеркивание к тексту (насыщенность 
линий, используемых для подчеркивания снизу и сверху и для перечеркивания, 
будет соответствовать насыщенности шрифта): 


.омег { фех{-десога{1оп :омег1іпе; } 


На рис. 18.8 можно увидеть подборку стилей, насыщенности и оформления шрифтов. 
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Рис. 18.8. Примеры доступных правил стилевых решений и оформления 


Управление стилями текста 477 





Разрядка 


Существуют свойства, позволяющие изменить разрядку строк, слов и букв. 
Например, следующие правила настраивают разрядку строк для абзацев путем 
изменения свойства 1іпе-һеієћ, делая его на 25 % больше, устанавливают свойство 
мога-ѕрасіпе равным 30 пикселам и разрядку букв З пиксела: 


р { 
11пе-Не1ейе :125%; 
моға-ѕрасіпе :39рх; 
1е{ег-зрас1п:3рх; 


} 


Процентным значением можно также воспользоваться для настройки значения 
свойства мога-рас1пв или 1еег-зрас1пв с целью уменьшения или увеличения 
исходной разрядки, применяемой к шрифту, используя значения меньше или 
больше 100 %, что будет приемлемо как для пропорциональных, так и для непро- 
порциональных (моноширинных) шрифтов. 


Выравнивание 


В С55 доступны четыре типа выравнивания текста: по левому краю — 1е++, по 
правому краю — гівһ+, по центру — сепќег и по ширине содержимого — ]и$1Фу. 
В следующем правиле текст абзаца изначально настроен на полное выравнивание 
по ширине: 


р { ехі-а1івп:јиѕіғу; } 


Преобразование 


Для преобразования текста доступны четыре свойства: отсутствие преобразова- 
ния — попе, преобразование первых букв слов в заглавные — сар1{а11те, преобразо- 
вание всех букв в заглавные — иррегсазе и преобразование всех букв в строчные — 
1омегсазе. Следующее правило создает класс по имени иррег, гарантирующий при 
его применении вывод всего текста в верхнем регистре: 


„.иррег { ёехё-©гапѕҒогт:иррегсаѕе; } 


Отступы 


С помощью свойства ех -іпіепє можно создать отступ первой строки блока текста 
на указанную величину. Следующее правило создает отступ первой строки каждо- 
го абзаца на 20 пикселов, но могут быть применены и другие единицы измерений 
или процентное увеличение: 


р { +ехЕ-1пдеп*:20рх; } 
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На рис. 18.9 к блоку текста было применено следующее правило: 


р { 11пе-петене :150%; 
мога-ѕрасіпе :10рх; 
Іеї+ег-ѕрасіпв :1рх; 

} 

.јчѕ+іғу { Техї-а1ірп :јиѕ+і+у; } 

.иррегсаѕе { +ех+-{гап$Фогт:иррегсазе; } 

„1пдепе { ЕехЕ-1паепЕ :20рх; } 





© Правила отступа, преобразов Ж 
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Рис. 18.9. Примененные правила отступа, преобразования 
в верхний регистр и разрядки 


Цвета С55 


Цвета могут применяться к первому плану, а также к фону текста и объектов путем 
использования свойства цвета — со1ог и фонового цвета — расквгоипӣ-со1оғг (или 
путем предоставления единственного аргумента свойству фона — Басквгоип9). 
Указанный цвет может быть одним из именованных цветов (например, гей или Б1ие), 
цветом, составленным из трех шестнадцатеричных чисел ВСВ (например, #0909 
или #0000++), или цветом, составленным с использованием С55-функции гер. 


Названия стандартных 16 цветов, определенных организацией по стандартам МЗС 
(Һр://ЛллуулуЗ.огд), следующие: аквамарин — адиа, черный — Б1аск, синий — Б1ие, 
яркий пурпурно-красный, или фуксия, — Ғисһѕіа, серый — вгау, зеленый — вгееп, 
яркий светло-зеленый — 1іте, красно-коричневый — тагооп, темно-синий — па\уу, 
оливковый — о1іме, фиолетовый — ригр1е, красный — геа, серебристый — $11 ег, 
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зеленовато-голубой — +еа1, белый — мһіе и желтый — уе11ом. Следующее правило 
использует одно из этих названий для установки фонового цвета для объекта с ТО, 
имеющим значение објес+: 


#објесі { Баскёгоипа-со1ог: $11мег; } 
В показанном ниже правиле фоновый цвет текста во всех <аіу>-элементах уста- 


новлен желтым (поскольку на мониторе шестнадцатеричные уровни ++ красного 
плюс ++ зеленого плюс 90 синего составляют желтый цвет): 


аіу { со1Іог:#ҒҒҒғӨө; } 


Или, если не хочется работать с шестнадцатеричными числами, можно указать свои 
три цветовые составляющие с помощью функции герб, как в следующем правиле, 
которое изменяет фоновый цвет текущего документа на аквамарин: 


боду { Басквгоипа-со1ог:г8б (9, 255, 255); } 








Если вы не хотите работать в диапазоне 256 уровней для каждого основного 
цвета, можете вместо них в функции гдр использовать процентный показатель со 
значениями от 0 до 100, в диапазоне от самого низкого (0) количества до самого 
высокого (100) основного цвета, например: гд0(58%, 95%, 74%). Можно также 
для более тонкого управления цветом применять числа с плавающей точкой, 
например: г90(23.4%, 67.6%, 15.5%). 








Сокращенные цветовые строки 


Есть также короткая форма строки шестнадцатеричных чисел, в которой для 
каждого цвета используется только первое число из каждой двухбайтовой пары. 
Например, вместо назначения цвета ##е4692 можно применять #149, где опущены 
вторые шестнадцатеричные цифры из каждой пары, что равно цветовому значению 
#224499. 


Получается почти такой же цвет. Подобную запись можно применить там, где точ- 
ный цвет не нужен. Разница между строками из шести и из трех цифр в том, что 
первые поддерживают 16 миллионов различных цветов, а вторые — всего 4 тысячи. 


Там, где используется такой цвет, как #883366, полным эквивалентом ему будет 
#836 (поскольку повторяющиеся цифры подразумеваются в сокращенной версии) 
и для создания одного и того же цвета можно применять любую строку. 


Градиенты 


Вместо использования сплошного цветового фона можно применить градиент, 
который будет автоматически переходить от выбранного исходного до выбранно- 
го конечного цвета. Градиент лучше использовать в связке с простым цветовым 
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правилом, чтобы браузеры, не поддерживающие градиенты, отображали хотя бы 
сплошной цвет. 


В примере 18.3 задействуется правило отображения оранжевого градиента (или 
просто обычного оранжевого цвета в браузерах, не поддерживающих градиенты), 
как показано в средней части рис. 18.10. 


©? Создание линейного градиен` Ж 


© е [оаа теж» 


Синий текст 
на желтом 
фоне 





Рис. 18.10. Сплошной цвет фона, а также линейный и радиальный градиенты 


Пример 18.3. Создание линейного градиента 


<!БОСТУРЕ һ+ет1> 
<һёт1> 
<Веаа> 
<{1{1е>Создание линейного градиента</+1+1е> 
<5{$у1е> 
.огапревгаа { баскегоипа:огапве; 
баскегоипа:1іпеаг-сгадіепі (+ор, #60, ##50); 
Баскёгоипа: -то2-1іпеаг-вгадіепі (ор, #60, #50); 
Баскёгоипа: -мебк1*-11пеаг-вгад1еп* (ор, #60, #50); 
Баскёгоипа: -о-11пеаг-вгад1еп*(+ор, #60, #4150); 
Баскёгоипа: -тѕ-1іпеаг-вгадіепё (бор, #60, #50); } 
</5+у1е» 
</Неаа> 
<Боду> 
<аіу с1а55='оғапрергаа'>Черный текст «Бг» 
на оранжевом <бг>линейном градиенте</а1\> 
</Боду> 
</ћт1> 
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Как показано в предыдущем примере, многие С55-правила требуют префиксы, 
которые предназначены для того или иного браузера, например -то7-, -меБкії-, 
-0- и -т5- (соответственно для браузеров на основе движка Мо7Ша, таких как 
АгеГох, для браузеров на основе движка \МерБкії, таких как Арріе Ѕаѓагі, Соодіе 
Сһготе и браузеров 105 Апагоіа, а также для браузеров Орега и Місгоѕоћ). 
Основные С55-правила и атрибуты, а также указания на то, где требуются 
версии, подстроенные под тот или иной браузер, перечислены на сайте НЁр:// 
сапіиѕе.сот. Если сомневаетесь, укажите все префиксы, специфичные для 
браузеров, а также имя стандартного правила, и ваши стили должны будут 
правильно применяться во всех браузерах (поддерживающих правила, которые 
вы используете). 








Для создания градиента нужно выбрать, где он будет начинаться: вверху (тор), вни- 
зу (боот), слева (1е+), справа (гіећ), по центру (сепег) или в любых составных 
местах, например в левом верхнем углу (фор Іе#ё) или от центра вправо (сепёег 
гівһі). Затем следует ввести нужные начальный и конечный цвета и применить 
правило либо линейного (1іпеаг-вгадіепё), либо радиального (га@1а1 -ргад1еп*) 
градиента, обеспечив правила для всех браузеров, на которые вы нацелились. 


Вы также можете не только использовать начальный и конечный цвета, но и предо- 
ставлять между ними в качестве дополнительных аргументов составляющие конеч- 
ные цвета. Например, если предоставлены пять аргументов, каждый из них будет 
управлять изменением цвета одной пятой области (в соответствии с его местом 
в списке аргументов). 


Кроме градиентов, к С$5-объектам можно также применять такое свойство, как 
прозрачность, более подробно рассматриваемое в главе 19. 


Пози ционирование элементов 


Элементы попадают на веб-страницу туда, где они находятся в документе, но могут 
перемещаться путем изменения свойства позиции элемента от исходной статиче- 
ской (ѕ+а+іс) до абсолютной (аб зо1и*е), относительной (пе1аќіме), прилипчивой 
(ѕ+іску) или фиксированной (Ғіхеа). 


Абсолютное позиционирование 


Элемент с абсолютным позиционированием удаляется из документа, и любые дру- 
гие элементы, которые в состоянии это сделать, займут освободившееся простран- 
ство. Затем вы можете позиционировать объект в любое нужное место в документе, 
используя свойства «верх» — фор, «право» — гівћё, «низ» — Бо ом и «лево» — 1е+е. 


Например, для перемещения объекта с О, имеющим значение објест, в абсолютное 
место, находящееся на 100 пикселов ниже начала документа и на 200 пикселов от 
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левого края, к нему нужно применить следующие правила (вы также можете ис- 
пользовать любые другие единицы измерений, поддерживаемые С$5): 


#објесі { 
роѕітіоп: аб 5о1и{е; 
Фор :100рх; 

Теғ :200рх; 

} 


Объект будет располагаться либо поверх других элементов, либо за другими пере- 
крывающими его элементами в зависимости от значения, присвоенного свойству 
2-іпаех (которое работает только в отношении позиционированных элементов). 
По умолчанию это свойство имеет значение аиѓо, присваиваемое браузером без 
вашего участия. Вместо этого вы можете дать данному свойству целочисленное 
значение (которое может быть и отрицательным): 


#објесі { 
роѕітіоп: абрѕо1и+е; 
Фор :100рх; 
Теғ :200рх; 
2-1паех: 100; 


} 


После этого объекты будут появляться на экране в порядке от самого низкого 
и до самого высокого значения их свойства 2 -іпӣех, при этом объекты с более 
высокими значениями станут отображаться поверх объектов с более низкими 
значениями. 


Относительное позиционирование 


Подобным образом можно переместить объект относительно того места, которое 
он занимал бы при обычном ходе формирования документа. Так, например, для 
перемещения объекта на 10 пикселов вниз и 10 пикселов вправо от его обычного 
положения нужно воспользоваться следующими правилами: 


#објесі { 
роѕітіоп: ге1а+іме; 
Фор :19рх; 
Іеғ+ :10рх; 

} 


Фиксированное позиционирование 


Заключительные настройки свойства роѕіїіоп позволяют переместить объект 
в абсолютное положение, но только внутри окна просмотра текущего браузера. 
Затем при прокрутке документа объект остается именно там, куда он был поме- 
щен, а основной документ будет прокручиваться под ним — это неплохой способ 
создания док-панелей и других подобных устройств. Для фиксирования объекта 
в левом верхнем углу браузера нужно воспользоваться следующими правилами: 
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#објесі { 
роѕітіоп: Ғіхеа; 
Фор :0рх; 
Теғ :0рх; 

} 


В примере 18.4 показано применение к объектам на странице различных значений 
позиционирования. 


Пример 18.4. Применение разных значений позиционирования 


<1рОСТҮРЕ һ&т1> 
<һЕм1> 
<һеаа»> 
<{11е>Позиционирование‹< /&1і+1е» 
<ѕ1у1е»> 
#сопёаіпег { 
роѕіїіоп :арѕо1и+е; 


Фор :50рх; 
Те :@рх; 

} 

#објес+і1 { 
роѕіїіоп :абѕо1иќ+е; 
раскегоипа: ріпк; 
міа+ћ :10өрх; 
ћеівһї :100рх; 
Фор :Өрх; 
Теғ :0рх; 

#објес+2 { 
роѕіїіоп :ге1абімуе; 
раскегоипа: 1іеһёвгееп; 
міа+ћ :100рх; 
ћеівһї :100рх; 
Фор :0рх; 
Теғ :110рх; 

} 

#објесіз { 
роѕітіоп :Ғіхеа; 
Баскёгоипа : уе110ом; 
мтаеь :100рх; 
Вет :100рх; 
Фор :50рх; 
Теғ :220рх; 

т 

</5фу1е> 
</һеаа> 
<Боау> 
<рг><рг><бг><Бг><бг> 


<аіу іа= ' сопёаіпег' > 
<аіу іа= 'орјесі1'›Абсолютное позиционирование< /іу> 
<аіу іа= 'орјес+2'›>Относительное позиционирование< /а1\> 
<аіу іа= 'орјесіз'>›>Фиксированное позиционирование< /а1\> 
</аім> 
</боау> 
</ћЕм1> 
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Нарис. 18.11 код примера 18.4 был загружен в браузер и окно браузера было умень- 
шено по ширине и высоте. В результате появилась необходимость в прокрутке 
вниз, чтобы можно было увидеть всю веб-страницу. 
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Рис. 18.11. Использование разных значений позиционирования 


После прокрутки тут же выяснится, что элемент с фиксированной позицией 
(објес+З) останется на своем месте, несмотря на прокрутку. Также можно будет 
наблюдать, что элемент-контейнер (по имени сопёаіпег) обладает абсолютным 
позиционированием и размещается в точности на 50 пикселов ниже, с горизон- 
тальным смещением 0 пикселов, поэтому элемент објесі1 (имеющий абсолютное 
позиционирование внутри элемента сопёаіпег) появляется именно в этом месте. 
А элемент објес+2 имеет относительное позиционирование, поэтому он смещен 
от левой границы элемента сопёаіпег на 110 пикселов, выстраиваясь рядом с эле- 
ментом објес+1. 


Показанный на рисунке элемент објесіз, несмотря на то что он в коде НТМІ. по- 
является внутри элемента сопёаіпег, имеет фиксированное позиционирование, 
в результате чего он фактически совершенно независим от других объектов и не 
скован границами элемента сопёаіпег. Изначально он был настроен на нахождение 
на одной линии с элементами објесі1 и објесё2, но остался на месте, в то время 
как другие элементы были прокручены вверх по странице, и теперь објесїЗ смещен 
ниже этих элементов. 


Псевдоклассы 


Существуют селекторы и классы, используемые только внутри таблиц стилей и не 
имеющие каких-либо соответствующих тегов или атрибутов в НТМТ. Их задача 
заключается в том, чтобы классифицировать элементы, используя характеристики, 
отличные от их имен, атрибутов или содержимого, то есть характеристики, кото- 
рые не могут быть прослежены по дереву документа. К их числу относятся такие 
псевдоклассы, как Ііпк и уіѕі+еа. Существуют также псевдоэлементы, с помощью 
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которых осуществляется выбор и которые могут состоять из отдельных элементов, 
таких как первая строка — +1г$*-14пе или первая буква — #1г5*-1е ег. 


Псевдоклассы и псевдоэлементы отделяются с помощью символа двоеточия (:). 
Например, для создания класса по имени 612+1г5* для выделения первой буквы 
элемента можно воспользоваться таким правилом: 


„б1е1г5: Е1г5{-1еег { 
Ғопі-5і7е:400%; 
Ғ1оаї теғе; 

} 


Когда класс БівҒігѕ+ применится к элементу, первая буква будет отображаться 
сильно увеличенной, а остальной текст будет показан в обычном размере, акку- 
ратно ее обтекая (благодаря свойству #1оа*), как будто первая буква является 
изображением или другим объектом. В число псевдоклассов входят По\ег, 1іпк, 
асќіме и у151{еа. Все они наиболее полезны применительно к апсһог-элементам, 
как показано в следующих правилах, которые устанавливают для ссылок в качестве 
исходного синий цвет, а для посещенных ссылок — светло-синий: 


а:1іпк { со1ог:Ь1ие; } 
а:\1$14еа { со1ог:1ірһ+ір1ие; } 


Следующие правила интересны тем, что в них используется псевдокласс поуег, по- 
этому они применяются только при нахождении указателя мыши над элементом. 
В этом примере они изменяют в ссылке цвет текста на белый на красном фоне, 
предоставляя динамический эффект, который можно было бы ожидать только от 
использования кода ЈауаЅсгірі: 


а:һоуег { 
со1ог ме; 
Баскёгоипа : геа; 

} 


Здесь вместо более длинного свойства цвета фона Басквгоипа-со1ог я использовал 
свойство фона Баскёгоипа с единственным аргументом. 


Псевдокласс ас 1уе также имеет динамический характер, выражающийся в том, что 
он влияет на изменение ссылки в промежутке времени между щелчком кнопкой 
мыши и освобождением этой кнопки, как в следующем правиле, изменяющем цвет 
ссылки на темно-синий: 


а:асііме { со1ог:аагкЬ1ие; } 


Еще одним интересным динамическим псевдоклассом является Ғосиѕ, который 
применяется, только когда элемент получает фокус путем выбора его пользовате- 
лем с помощью клавиатуры или мыши. Следующее правило применяет универсаль- 
ный селектор, чтобы всегда помещать светло-серую пунктирную границу толщиной 
2 пиксела вокруг объекта, имеющего фокус: 


*:Роси$ { Богаег:2рх ЯоЁтеа #888888; } 
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Здесь рассматриваются вопросы применительно к традиционной веб-разработке, 
а не к разработке для мобильных устройств с сенсорными экранами, речь о ко- 
торой пойдет в главе 22, в которой будет рассмотрена работа с библиотекой 
]Очегу Мое. 








Как показано на рис. 18.12, код примера 18.5 выводит две ссылки и поле ввода. Пер- 
вая ссылка показана серым цветом, поскольку она уже посещалась в этом браузере, 
а вторая ссылка еще не посещалась и показана синим цветом. Была нажата клавиша 
Та, и фокусом ввода теперь служит поле ввода, поэтому цвет его фона поменялся 
на желтый. Когда будет выполнен щелчок кнопкой мыши на любой из ссылок, она 
отобразится фиолетовым цветом, а когда над ней будет проходить указатель мыши, 
она будет показана красным цветом. 
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Ссылка в никуда’ 








Рис. 18.12. Псевдоклассы, примененные к подборке элементов 


Пример 18.5. Псевдоклассы ІіпК и ѓосиѕ 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<Пеад> 
<{1{1е>Псевдоклассы< /{1{1е> 
<5{$у1е> 
а:1іпк { со1ог:Б1че; } 
а:үіѕітеа { со1ог:вгау; } 
а:һомег { со1ог:геа; } 
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а:асїііме { со1ог:ригр1е; } 
*:+осиѕ { Баскегоипа:уе11ом; } 
</ѕ+у1е» 
</һеаа> 
<Боду> 
<р>Для перемещения фокуса по элементам нажимайте 
клавишу Таб (и $И1Е+Таб)</р> <Бг> <6г> 
<а Пге+=' Ир: / /воор1е.сот' >Ссылка на бооё1е' </а><6г> 
<а Пге+=' помпеге ' >Ссылка в никуда' </а><6г> 
<1приф фуре='%ехе'> 
</боау> 
</ћЕт1> 


Доступны и другие псевдоклассы, дополнительную информацию о них можно 
получить на сайте ВЁр://Чпуий.сот/рзеидоЧаззез. 








Применять псевдокласс ѓосиѕ к универсальному селектору *, как показано в этом 
примере, нужно с большой осторожностью — Ги\егпеЁ Ехріогег воспринимает 
документ, не имеющий фокуса, как уже имеющий фокус, который применяется 
ко всей веб-странице. В этом случае будет желтой вся страница, пока пользо- 
ватель не нажмет клавишу Таб или же фокус не перейдет на один из элементов 
страницы. 





Сокращенная запись правил 


Для экономии пространства группы родственных С$$-свойств могут объеди- 
няться в простое сокращенное назначение. Например, я уже несколько раз ис- 
пользовал сокращение для создания границы, как в правиле +оси$ в предыдущем 
разделе: 


*:Роси$ { Богаег:2рх Яоётеа #Е+8800; } 


На самом деле это сокращенное объединение такого набора правил: 


*:Ғосиѕ { 
рогдег-міа+ћ : 2рх; 
рогаег-ѕ+у1е : іо+еа; 
Богаег-со1ог:#+1+18800; 


} 


При использовании сокращенной записи правила нужно лишь применить свойства 
к тому пункту, у которого следует изменить значения. Для установки только шири- 
ны и стиля границы без изменения ее цвета можно также использовать следующее 
правило: 


*:Роси$ { Богдег:2рх Яої+еа; } 
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Порядок размещения свойств в сокращенной записи правила может играть 
важную роль, и их неправильная расстановка приводит обычно к неожиданным 
результатам. Поскольку изложить многочисленные подробности в данной главе 
не представляется возможным, при необходимости воспользоваться сокращенной 
записью С55 вы сможете найти описание свойств, задаваемых по умолчанию, 
и порядок их применения в руководстве по С55 или в какой-нибудь поисковой 
системе. Для начала могу порекомендовать изучение статьи Трентона Мосса 
(Тгепіоп Моѕѕ), опубликованной по адресу ВЁрз://млми. мебсге Ые.сот/Ыод/ 
сѕ5-ѕһоіһапа-ргорегіеѕ/. 








Модель блока и макет страницы 


Свойства С$5, влияющие на макет страницы, основаны на модели блока, вло- 
женном наборе свойств, окружающем элемент. Фактически такие свойства есть 
(или могут быть) у всех элементов, включая тело документа, чье поле вы можете 
(к примеру) удалить с помощью следующего правила: 


роу { тагріп:Өрх; } 


Модель блока объекта начинается снаружи, с поля объекта. Внутри него находится 
граница, затем следует отступ содержимого от границы. И наконец, идет содержи- 
мое объекта. 


Если приобрести навыки работы с моделью блока, то можно существенно продви- 
нуться на пути создания профессионально спланированных страниц, поскольку 
даже только эти свойства во многом определяют стилевое оформление страницы. 


Установка полей 


Поле является самым крайним уровнем модели блока. Оно отделяет элементы 
друг от друга и требует разумного использования. Предположим, к примеру, что 
вы решили выбрать по умолчанию поле 10 пикселов вокруг каждого из нескольких 
элементов. Именно на этот промежуток между элементами вы станете рассчиты- 
вать, располагая два элемента друг над другом, но, если у каждого из них будет поле 
в 10 пикселов, будет ли этот промежуток составлять 20 пикселов? 


На самом деле С$$ устраняют эту потенциальную проблему: когда два элемента 
с полями позиционируются непосредственно один над другим, для отделения их 
друг от друга используется только самое большое из двух полей. Если оба поля 
имеют одинаковую ширину, применяется только одна ширина. Благодаря этому 
вы, скорее всего, добьетесь желаемого результата. Но при этом имейте в виду, что 
поля элементов с заданным абсолютным позиционированием или встраиваемых 
элементов не подвергаются поглощению другими полями. 
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Поля элемента могут быть изменены целиком с помощью свойства тагё1п или 
отдельно друг от друга с помощью свойств тагріп-1Іе#Є, тагріп-+ор, тагё1п-г1 ИЕ 
и тагріп-боќ&от. При установке свойства тагріп можно предоставить один, два, три 
или четыре аргумента, в результате чего получится эффект, прокомментированный 
в следующих правилах: 


/* Установка всех полей шириной 1 пиксел */ 
тагріп:1рх; 


/* Установка верхнего и нижнего полей шириной 1 пиксел, а левого 
и правого - 2 пиксела */ 
тагріп:1рх 2рх; 


/* Установка верхнего поля шириной 1 пиксел, левого и правого - 2 пиксела 
и нижнего - 3 пиксела */ 
тагріп:1рх 2рх Зрх; 


/* Установка верхнего поля шириной 1 пиксел, правого - 2, нижнего - 3 
и левого - 4 пиксела */ 
тагріп:1рх 2рх Зрх 4рх; 


В примере 18.6 правило свойства тагё1т (выделенное в коде полужирным шриф- 
том) применяется к прямоугольным элементам, помещенным внутри элемента 
+аб1е. На рис. 18.13 показан результат выполнения кода этого примера после его 
загрузки в браузер. Размер таблицы не задан, поэтому она будет просто охватывать 
как можно плотнее внутренний <аіу>-элемент. Вследствие этого сверху будет поле 
шириной 10 пикселов, справа — поле шириной 20 пикселов, снизу — поле шириной 
30 пикселов и слева — поле шириной 40 пикселов. 


Пример 18.6. Порядок применения полей 
<!РОСТУРЕ һёт1> 


<ћЕм1> 
<һеаа»> 
<{141е>Поля С55</+141е> 
<ѕ1у1е»> 
#објес+1 { 
Баскёгоипа :1ірһёргееп; 
Богаег-$%у1е:$0114; 
рогдег-міа+ћ:1рх; 
Фоп{-Фат11у :Соигіе” № м; 
Фоп{-$17е :9рх; 
міа+ћ :100рх; 
Вет :100рх; 
раааіпе :5рх; 
тагеіп :10рх 20рх ЗӨрх 40рх; 
} 
+аБ1е { 
радаіпе :0; 


Богаег :1рх ѕо1іа Б1аск; 
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баскегоипа :суап; 
} 
</5+у1е» 
</һеаа» 
<роау> 
<+аб1е» 
<г> 
<фа> 
Ч1\у 14=' об] ес{1 ' >таг&1т:<6г>1@рх 20рх ЗӨрх 40рх; </4іу> 
</+а> 
</&р> 
</+аб1е> 
</боау> 
</ћЕт1> 





К? Поля С55 


р х 


(Є, эс е@ё | ® оса 051, 








тагділ: 
10рх #0рх 20рх 40рх: 

















Рис. 18.13. Охватывающая таблица расширяется в соответствии с шириной полей 


Применение границ 


Уровень границ модели блока похож на уровень полей, за исключением того, что 
здесь отсутствует поглощение. Это следующий уровень по мере продвижения 
к центру модели блока. Основными свойствами, используемыми для изменения 
границ, являются Богаег, богдег-1Іе+Ғё, богӣег-+ор, богӣег-гірһі и брогаег-боётћот 
Каждое из них может иметь другие подсвойства, добавляемые в виде суффиксов, 
например -со1ог, -ѕ+у1Іе и -міа+ћ 


Четыре способа установки отдельных свойств, которые использовались для свой- 
ства тагріп, применимы и для свойства ширины границы — Богдег-м1 В, поэтому 
все следующие правила составлены верно: 


/* Все границы */ 
брогдег-міа+ћ :1рх; 


/* Верхняя/нижняя и левая/правая */ 
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Богаег-мтаеН:1рх 5рх; 


/* Верхняя, левая/правая и нижняя */ 
Богаег-мтаЕН:1рх 5рх 10рх; 


/* Верхняя, правая, нижняя и левая */ 
рогаег-міатћ:1рх 5рх 10рх 15рх; 


На рис. 18.14 показано каждое из этих правил, примененное по очереди к группе 
квадратных элементов. Если смотреть на первый из них, сразу становится понятно, 
что ширина всех границ равна 1 пикселу. А вот у второго элемента верхняя и ниж- 
няя границы имеют ширину 1 пиксел, а его боковые границы имеют ширину по 
5 пикселов. У третьего элемента верхняя граница шириной 1 пиксел, его боковые 
границы — по 5 пикселов, а его нижняя — 10 пикселов. Четвертый элемент изо- 
бражен с верхней границей шириной 1 пиксел, правой границей — 5 пикселов, 
нижней — шириной 10 пикселов и левой — шириной 15 пикселов. 











СИ Блочная модель С55 
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Рис. 18.14. Применение правил задания границ в полной и сокращенной записи 


Для последнего элемента, расположенного под предыдущими элементами, со- 
кращенная запись правил не использовалась. Вместо этого каждая из его границ 
задавалась отдельно. Как видите, для получения аналогичного результата потре- 
бовалось набрать значительно больше символов. 
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Настройка отступов 


Самыми глубокими уровнями модели блока (отличающимися от содержимого 
элемента) являются отступы, применяемые внутри любых границ и (или) полей. 
Основными свойствами, используемыми для изменения отступов, являются 
рада1пв, райаіпр-1е+, райаіпе-+ор, раааіпр-гірћі и рада1п5-Бо ом. 


Те четыре способа установки отдельных свойств, которые задействовались для 
свойств тагвіп и Богаег, применимы и для свойства отступа — рад41п=, поэтому 
все следующие правила составлены верно: 


/* Все отступы */ 
райдіпе:1рх; 


/* Верхний/нижний и левый/правый */ 
райдіпе:1рх 2рх; 


/* Верхний, левый/правый и нижний */ 
райдіпе:1рх 2рх Зрх; 


/* Верхний, правый, нижний и левый */ 
райдіпе:1рх 2рх Зрх 4рх; 


На рис. 18.15 показаны правила отступов, выделенные в примере 18.7 полужирным 
шрифтом и примененные к тексту в ячейке таблицы (как определено с помощью 
правила а1ѕр1ау:+аБ1е-се11;, которое задает охват <91\>-элемента наподобие ячей- 
ки таблицы). Размеры ячейки не заданы, поэтому она максимально плотно охваты- 
вает текст. Вследствие этого получается отступ, равный 10 пикселам над внутренним 
элементом, 20 пикселам справа, 30 пикселам снизу и 40 пикселам слева. 


Пример 18.7. Применение отступов 
<!РОСТУРЕ һҺёт1> 


<һёт1> 
<һеаа> 
<{1{1е>Отступы С55</%1+1е> 
<5{$у1е> 
#објес+1 { 
брогдег-ѕ+у1е:ѕо11а; 
брогдег-міа+ћ :1рх; 
Баскёгоипа :огапеве; 
со1ог :аагкгеа; 
Фоп{-Фат11у :Агіа1; 
Фоп{-$17е :12рх; 
{ех{-а112п :јиѕ+іҒу; 
915р1ау :{аб1е-се11; 
мт ав :148рх; 
рада1т= :1@рх 20рх З@рх 40рх; } 
</5%у1е> 
</Неаа> 
<Боду> 


<аіу іа= 'објес+1'›То Бе, ог по +о Бе һа 15 
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тһе ачиеѕ&іоп: Мпефпег '&15 Моб1ег іп {Пе тіпа 
фо ѕиҒҒег Тһе 51іпеѕ апа Аггомѕ оф оигареоиѕ 
РҒогіипе, Ог фо Жаке Агтз араіпѕ+ а 5еа оғ 
©гоиб1еѕ, Апа Бу орроѕіпе епа һем. </аїм> 
</боау> 
</ћЕт1> 


<” Отступы С55 


(©) э ае @ @ 1Іосаіһоѕ1/18 «9 ў № >» 








Рис. 18.15. Применение к объекту разных значений отступов 


Содержимое объекта 


И наконец, в глубине модели блока, в его центре, находится элемент, стиль ко- 
торого может быть задан всеми способами, рассмотренными ранее в этой главе. 
Как вы теперь уже знаете, этот элемент может содержать (а зачастую и содержит) 
еще и подчиненные элементы, у которых, в свою очередь, могут быть свои под- 
чиненные элементы и т. д., и у каждого из них могут быть СВОИ настройки СТИЛЯ 
и модели блока. 


Вопросы 


1. Какая инструкция используется для импорта одной таблицы стилей в другую 
(или в блок <ѕ%у1е> кода НТМІ)? 


2. Каким НТМГ-тегом можно воспользоваться для импорта таблицы стилей в до- 
кумент? 


3. Какой атрибут НТМІ-тега применяется для непосредственной вставки стиля 
в элемент? 
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4. В чем разница между идентификатором С5$ и классом С55? 


5. Какие символы используются в качестве префиксов в С$$-правилах: а) иден- 
тификаторы и 6) классы? 


Каково назначение точки с запятой в С55-правилах? 
Как в таблице стилей добавляется комментарий? 
Какой символ используется С$$ для представления «любого элемента»? 


Как в С$5 можно выбрать группу разных элементов и (или) типов элементов? 


ооююмә 


Как можно задать преимущество одного из двух С55-правил, имеющих одина- 
ковый уровень приоритета? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Расширение С55 
с помощью С553 


Первая реализация С$$ была разработана в 1996 году, выпущена в 1999-м 
ик 2001 году была поддержана всеми выпусками браузеров. Стандарт для этой 
версии, С$$1, был еще раз пересмотрен в 2008 году. Со второй спецификацией, 
С552, разработчики начали работать в 1998 году, ее стандарт был в конечном итоге 
завершен в 2007-м, а затем еще раз пересмотрен в 2009 году. 


В 2001 году началась разработка спецификации С$$3. Ее характеристики были 
предложены сравнительно недавно, в 2009 году, а самые последние рекомендации 
были включены еще в 2016 году. Рабочей группой С$$ уже предлагается специ- 
фикация С554, хотя она не является существенным рывком вперед. Скорее это 
более глубокая проработка одной части С$5 — селекторов, и рассмотрение ее 
подробностей выходит за рамки данной книги, тем более с учетом того, что первая 
черновая версия документации (Н&р://ЧгаЙ$.с5$\м9.огд/звескогз-4/) публиковалась на 
момент написания этих строк. 


Но, к нашему удовольствию, рабочая группа С$5 регулярно публикует краткие 
описания С$$-модулей, считающихся стабильными. До сих пор в виде заметок 
были опубликованы четыре таких документа с наилучшими актуальными приме- 
рами использования, причем самые последние публикации относятся к 2017 году 
(см. Ире: //млмм. м3 .ого/ТВ/с55-2017/). Это лучшее место, где можно оценить текущее 
состояние дел в мире С55. 


В этой главе будут описаны функциональные особенности С$5$3, которые уже 
приняты всеми основными браузерами. Многие из них предоставляют такие 
функциональные возможности, которые до этого могли быть осуществлены лишь 
с помощью ЈауаЅсгірі. 


Я рекомендую использовать С$$3 для реализации динамических свойств везде, где 
только можно, вместо ЈауаЅсгірё. Предоставляемые С$$ свойства делают атрибуты 
документа частью самого документа, они уже не присоединяются к нему с по- 
мощью ]ауазсг!ре. А когда они являются частью документа, замысел становится 
понятнее. 
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Следует заметить, что функций С55 запланировано очень много, и различные 
установки по-разному реализуются браузерами (если вообще реализуются). 
Поэтому при желании убедиться в работоспособности создаваемых вами уста- 
новок С5$ во всех браузерах я рекомендую сначала получить соответствующую 
справку на сайте НЁр://сапизе.сот. Там содержится свежая информация о том, 
какие функции доступны в браузерах. 








Селекторы атрибутов 


В предыдущей главе были подробно рассмотрены различные селекторы атрибутов, 
применяемые в С5$, которые мы сейчас вкратце повторим. Селекторы использу- 
ются в С$5 для сопоставления с НТМГ-элементами. 


Существует десять разных типов селекторов, показанных в табл. 19.1. 


Таблица 19.1. С55-селекторы, псевдоклассы и псевдоэлементы 





Тип селектора 


Пример 





Универсальный селектор 


* { со10г:#955; } 





Селекторы типов 


Ь { соог-тед; } 





Селекторы классов 


.сІаѕѕпате { соогЬ ше; } 





Селекторы идентификаторов 


#14 { Баскегоци4:суап; } 





Селекторы потомков 


зрап ет { со]ог:2тееп; } 





Селекторы дочерних элементов 


Фу > ет { Баскегоип те; } 





Селекторы смежных элементов 


Е+Ь { соог:тау; } 





Селекторы атрибутов 


Псевдоклассы 


а[БгеЕ="шЮ.Вет'] { со]ог:тед; } 


а:Воуег { Юп(-\уе Бо; } 





Псевдоэлементы 








р::Ятз(-еббег { ѓопі-ѕі7е:300%; } 








Разработчики С$$3 решили, что большинство из этих селекторов работают до- 
статочно хорошо и в представленном на данный момент виде, но три усовершен- 
ствования, направленные на упрощение поиска соответствия элементам на основе 
содержимого их атрибутов, они все же внесли. Эти усовершенствования будут 
рассмотрены в следующих разделах. 


Соответствие частям строк. В С552 для поиска соответствия строке 'іп+о.һёт', 
находящейся в пге+-атрибуте, можно было использовать такой селектор, как 
а[нге+=' 1п+о. Пт" ], но поиска соответствия только части строки не существова- 
ло. В С553 пошли дальше и определили три новых оператора: ^, $ и *. Если один 
из них непосредственно предшествует символу равенства (=), то с помощью этих 
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символов в том порядке, в котором они перечислены, можно искать соответствие 
в начале, в конце или в любой части строки. 


Оператор ^= 


Этот оператор задает поиск соответствия в начале строки, например следующему 
селектору будет соответствовать любой пге+-атрибут, чье значение начинается со 
строки Ир: //меб$1*е: 


а[Игее^= ' һр: / /мерѕіёе' ] 

Таким образом, ему будет соответствовать следующий элемент: 
<а Пге+=' Ир: //меб$1{е.сот' > 

А этот элемент соответствовать не будет: 


<а Пге+=' Ир: //тумерѕі+е.сот' > 


Оператор $= 


Для поиска соответствия только в конце строки можно использовать следующий 
селектор, которому будет соответствовать любой іте-тег, чей ѕгс-атрибут закан- 
чивается на .рпе: 


іте[ 5"с%='.рпе'] 

Например, ему будет соответствовать такой тег: 
<іте 5гс='рһоёо.рпе' /> 

А этот тег соответствовать не будет: 


<іте 5"с=' ѕпарѕһоё.јре' /> 


Оператор *= 


Для поиска соответствия любой подстроке, находящейся где-либо в атрибуте, мож- 
но воспользоваться следующим селектором. Он найдет любые ссылки на странице, 
имеющие строку воов1е в любом месте ссылки: 


а[һгеғ*='роов1е'] 
Например, ему будет соответствовать эта часть кода НТМГ: 
<а Пге+=' Ир: //вооё1е.сот' > 


а эта часть соответствовать не будет: 


<а Пге+=' Ир: //5та11.сот' > 
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Свойство бох-ѕі2іпо 


В модели блока \/ЗС определено, что ширина и высота объекта должны относиться 
только к размерам содержимого элемента, игнорируя любые отступы или границы. 
Но некоторые веб-дизайнеры выразили желание указывать размеры, относящиеся 
ко всему элементу, включая любые отступы и границы. 


Чтобы предоставить такое свойство, С$53 позволяет вам выбрать желаемую модель 
блока со свойством задания размеров блока — Бох-$171п8. Например, для исполь- 
зования общей ширины и высоты объекта, включая отступы и границы, нужно 
применять следующее объявление: 


Бох-$171п8 :Богадег-Бох; 


Или, чтобы ширина и высота объекта относились только к содержимому, нужно 
воспользоваться таким объявлением (применяемым по умолчанию): 


Бох-$171п8 : соптепё-бох; 


Создание фона в С553 


Спецификация С$53 предоставляет два новых свойства: расквгоипа-с1ір 
и баскегоипа-огівіп, которые могут использоваться для указания, где фон должен 
начинаться внутри элемента и как усекать фон так, чтобы он не появлялся в тех 
частях модели блока, где это нежелательно. 


Для выполнения названных задач оба свойства поддерживают следующие значения: 


С Богаег-Бох — относится к внешнему краю границы; 


О радаіпв-Ббох — относится к внешнему краю области отступа; 





О соптепё-бох — относится к внешнему краю области содержимого. 


Свойство Баскдгоипа-сйр 


Это свойство определяет, должен ли фон игнорироваться (усекаться), если он 
появляется либо внутри границы, либо в области отступов элемента. Например, 
следующее объявление определяет, что фон может отображаться во всех частях 
элемента вплоть до внешнего края границы: 


Баскёгоипа-с11р:богаег-Бох; 


Если не нужно, чтобы фон появлялся в области границы элемента, его можно 
ограничить только той частью элемента, которая находится внутри и заканчивается 
внешним краем его области отступов, например: 


раскегоипа-с1ір:раааіпе-бох; 
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Или же можно ограничить фон, чтобы он отображался только внутри области со- 
держимого элемента, воспользовавшись следующим объявлением: 


баскегоипа-с11р: сопепё-бох; 


На рис. 19.1 показаны три ряда элементов, отображаемых в браузере Ѕаѓагі: в пер- 
вом ряду для свойства Басквгоипа-с11р используется значение Богаег-Бох, во 
втором применяется значение раааіпв -бох, а в третьем используется значение 
сопфеп* -Бох. 





© с$53 Васкогоипа Сіїр МРТ" 
Ее Ед Мам Ногу Вооктагкѕ Міпдом Нар 


(<>) Чена бк) ае 8 


| с1ір: рааазпа-Бох | 
югісдіп: сопбепе-Бох 


с1ір: сопбепё-Бох | 
югідіп: сопёепё-Бох . 











Рис. 19.1. Разные способы сочетания свойств фона С553 
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В первом ряду внутреннему блоку (файлу изображения, загруженному в левую 
верхнюю часть элемента с отключенным повторением) разрешается отображаться 
в элементе везде. Можно также совершенно отчетливо видеть, что он отображается 
в области границы первого блока, поскольку стиль границы указан пунктирным. 


Во втором ряду в области границы не отображаются ни фоновое изображение, 
ни фоновое затенение, поскольку они были усечены по области отступов с помо- 
щью установки для свойства Басквгоипа-с11р значения рааӣіпе -бох. 


И наконец, в третьем ряду и фоновое затенение, и фоновое изображение были 
усечены для отображения только внутри области содержимого каждого элемента 
(показанного внутри светлого, ограниченного пунктирной линией блока) путем 
установки для свойства баскегоипа-с1ір значения сопёепі -бох. 


Свойство баскадгоипа-огідіп 


С помощью этого свойства можно также указать, где должно располагаться фоновое 
изображение, определив для этого, где должен начинаться левый верхний угол дан- 
ного изображения. Например, следующее объявление указывает, что начало фонового 
изображения должно быть в левом верхнем углу внешнего края границы: 


баскегоипа-огіріп : рогдӣег-бох; 


Чтобы установить начало изображения в левый верхний внешний угол области 
отступов, нужно воспользоваться таким объявлением: 


браскегоипа-огіріп : раааіпр-бох; 


И чтобы установить начало изображения в левый верхний угол области внутрен- 
него содержимого элемента, нужно воспользоваться следующим объявлением: 


баскегоипа-огіріп : сопёепё -бох; 


Посмотрите еще раз на рис. 19.1. В каждом ряду для первого блока используется 
свойство басквгоипа -огівіп со значением Бог4ег-Бох, для второго блока это же 
свойство применяется со значением раадіпе -Ббох, а для третьего — со значением 
сопеп+ -Бох. Следовательно, в каждом ряду меньший по размеру внутренний 
блок отображается для первого блока в левом верхнем углу границы, для второго 
он отображается в левом верхнем углу области отступов, а для третьего — в левом 
верхнем углу содержимого. 





Единственное отличие рядов, которое стоит отметить в отношении начала вну- 
треннего блока на рис. 19.1, состоит в том, что в рядах 2 и 3 внутренний блок 
усекается соответственно областями отступов и содержимого, поэтому та часть 
блока, которая находится за пределами этих областей, не отображается. 
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Свойство Баскагоипа-!те 


Точно так же, как это делалось для указания ширины и высоты изображения при 
использовании тега <1ив>, в последних версиях всех браузеров можно сделать то же 
самое для изображений фона. 


Свойство можно применить следующим образом (здесь мм — ширина, а ћћ — вы- 
сота): 


Баскёгоипа-$12е:иирх ћһћрх; 


При необходимости можно использовать только один аргумент, и для обоих раз- 
меров будет установлено указанное значение. Кроме того, если применить данное 
свойство к блочному элементу, например к <аіу> (но не к такому встроенному 
элементу, как <зрап>), можно указать ширину и (или) высоту в процентном от- 
ношении, а не в виде фиксированного значения. 


Использование значения ао. Если нужно масштабировать только один размер 
фонового изображения, чтобы при этом автоматически масштабировался и другой 
его размер для соблюдения прежних пропорций, для другого размера можно вос- 
пользоваться значением аи\о: 


раскегоипа-51іғе:100рх аифо; 


Этим объявлением устанавливается ширина, равная 100 пикселам, и высота, равная 
значению, пропорциональному увеличению или уменьшению ширины. 








Разные браузеры могут требовать различных версий имен свойства Баскогоипа, 
поэтому при их использовании обратитесь к сайту Һ&р://сапіиѕе.сот, чтобы 
убедиться, что вы применяете все версии, требуемые тем браузерам, на работу 
с которыми вы рассчитываете. 








Использование нескольких фонов 


Используя С553, вы можете прикрепить к элементу несколько фонов, каждый из ко- 
торых может применять ранее рассмотренные свойства фона С553. Соответствующий 
пример показан на рис. 19.2. На этом рисунке в качестве фона были назначены во- 
семь изображений, которые используются для создания четырех углов и четырех 
кромок границы сертификата. 


Для вывода нескольких фоновых изображений с помощью одного С$5-объявления 
нужно разделить их запятыми. В примере 19.1 показан код НТМЕ и С55, исполь- 
зованный для создания фона рис. 19.2. 
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©? С557: пример нескольких фо’ Ж + 





(©)эее 





(0) Іосаіһоѕ%/1 9/ехатріе19-1.Һті `.. 3) | А беагсь 





Работник 
месяца 


Награжден: 


Дата: 











Рис. 19.2. Фон, созданный с помощью нескольких изображений 


Пример 19.1. Использование в фоне сразу нескольких изображений 
<!РОСТУРЕ һҺёт1> 


<һёт1> <!-- баскегоипдітавеѕ.һт1 --> 
<һеад> 
<6101е›С553: пример нескольких фоновых изображений< /+1{1е> 
<5{$у1е> 
„Богаег { 


Фоп{-Фат11у :'Т1тез Мем Котап '; 
Ғопе-ѕ+у1е :1{а11с; 

Топ -ѕіғле :170%; 

{ех{-а112п :сепжег; 


рааа1 тя :6@рх; 
мт ав :350рх; 
һеіеһ+ :500рх; 


Баскёгоипа :иг1('61.51+') фор 1еЕ по-гереа+, 
иг1('62.ріҒ') Фор г1еНЕ по-гереат, 
иг1 ('63.81') боот 1еРЕ по-гереа+, 
иг1 ('64.81') боот гієһе по-гереа+, 
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иг1('Ба.в1+') фор гереаї-х, 
иг1('6Б.в1+') 1Іеғё гереа+ї-у, 
иг1('Бс.ріҒ') гіеһћё гереа+-у, 
иг1('6а.в1+') Бо от гереа*-х 
} 
</5фу1е> 
</һеаа> 
<Боду> 


<аіу с1а$$5='Богаег' > 
<һ1>Работник месяца</һ1> 
<ћ2>Награжден : </һ2> 
<ћ3> </3> 
<ћ2>Дата:</һ2> 
<А3› уу </ћ3> 

</аіу> 

</боау> 
</ћЕм1> 


Первые четыре строки объявления фона в блоке С$$ расставляют угловые изо- 
бражения по четырем углам элемента, а последние четыре строки помещают 
изображения кромок, которые обрабатываются в последнюю очередь, потому что 
порядок приоритетности для фоновых изображений имеет направление сверху 
вниз. Иными словами, когда они накладываются друг на друга, дополнительные 
фоновые изображения будут появляться позади уже размещенных изображений. 
Если бы СТЕ-изображения были перечислены в обратном порядке, то повторя- 
ющиеся изображения кромок отображались бы поверх углов, что было бы не- 
правильно. 


Используя этот код С55, можно изменять размеры содержащего фон элемента по 
любым направлениям, и граница будет всегда правильно изменяться в размерах, 
чтобы поместиться в элементе, что намного проще, чем применять таблицы или 
несколько элементов для получения такого же эффекта. 





Границы С553 


С$53 также придает намного больше гибкости способам возможного представле- 
ния границ, разрешая независимо менять цвета всех четырех кромок, отображать 
изображения для кромок и углов, предоставлять значения радиусов для придания 
границам закругленных углов и помещать прямоугольные тени под элементами. 


Свойство Богаег-со|ог 


Применять цвета к границе можно двумя способами. Начнем с того, что свойству 
можно передать всего один цвет: 


Богдег-со1ог:#888; 
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Это объявление устанавливает светло-серый цвет для всех границ элемента. 
Можно также установить цвета границ по отдельности (здесь цвета границы уста- 
навливаются в различные градации серого): 


рогдег-+ор-со1ог :#000; 
Богаег-1е+-со1ог :#444; 
рогдег-гірһ-со1ог :#888; 
Богаег-Боот-со1ог:#ссс; 


Кроме того, можно назначить все цвета по отдельности в одном объявлении: 


Богаег-со1ог:#+00 0+0 #880 #004; 


Это объявление устанавливает цвет верхней границы в #00, правой границы — 
в #0+#0, нижней границы — в #880 и левой границы — в #984 (в красный, зеленый, 
оранжевый и синий соответственно). Можно также использовать в качестве аргу- 
ментов названия цветов. 


Свойство Богаег-гайіиѕ 


До появления С553 способные веб-разработчики придумали множество различ- 
ных настроек с целью получения закругленных границ, используя, как правило, 
теги <+аб1е» или ‹91\>. 


Но теперь добавление закругленных границ к элементу дается по-настоящему легко 
и, как показано на рис. 19.3, работает в последних версиях всех основных браузеров. 
На этом рисунке граница толщиной 10 пикселов выведена различными способами. 
Код НТМІ для получения такого результата показан в примере 19.2. 


Пример 19.2. Свойство богаег-гааіиѕ 
<!БОСТУРЕ һҺ&т1> 


<Пт1> <!-- богаеггадіиѕ.һЕт1 --> 
<Пеад> 
<{1{1е>С$$53: примеры радиусов границ</+1{1е> 
<5{$у1е> 
.Бох { 
тагріп-броёёот :10рх; 
Топ -Ғаті1у :'Соигіег М№Мем', топоѕрасе; 
Фоп{-$17е :112р+; 
{ех{-а115п :сепїег; 
раадіпе :10рх; 
мт ав :38@рх; 
һеіеһ+ :75рх; 
Богаег :10рх ѕо1іа #006; } 
.01 { 
-то7-Богаег-га@1и$ :40рх; 
-меркі+-богаег-гааіиѕ :40рх; 
богаег-гааіиѕ :40рх; } 
.02 { 


-то7-Богаег-га@1и$ :40рх 40рх 20рх 20рх; 
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-мебркі-боғаег-гааіиѕ :40рх 40рх 20рх 20рх; 


рогдег-гадіиѕ :40рх 40рх 20рх 20рх; } 
.63 { 
-т02-богаег-гадіиѕ-+ор1ет+ :20рх; 
-то2-богаег-гадіиѕ-+оргівһћї :40рх; 
-то7 -Богаег-га@1и$ -БоФот1е+е :6@рх; 
-то7 -Богаег-га@1и$ -боёёотгівћ :80рх; 
-меБк1+-Богдег-+ор-1е+{-гаа1и$ :20рх; 
-меркіт-богаег-+ор-гірһі-гайіиѕ :40рх; 


-меБк1+-Богадег-Бо{Фот-1е++-га@1и$ :60өрх; 
-мебркі-богаег-боёёот- гіеһї-гайіиѕ :80рх; 


рогдег-+ор-Іеғі-гайіиѕ :20рх; 
рогаег-ёор-гівһё-гадіиѕ :40рх; 
Богаег-бо+от-1е{-га@1и$ :6@рх; 
Богаег-бо+от-г151*-га@1и$ :8@рх; } 
.64 { 

-то7 -Богаег-га@1и$-кор1ефе :40рх 20рх; 
-т02-богаег-гадіиѕ-+оргівһї :40рх 20рх; 
-то2-богаег-гадіиѕ -БоФот1е+е :20рх 40рх; 
-то2-богаег-гадіиѕ -броёёотгівћ :20рх 40рх; 
-меБк1+-Богдег-+ор-1е+{-гаа1и$ :40рх 20рх; 
-меркіт-богаег-+ор-гірһі-гайіиѕ :40рх 20рх; 


-мебркіт-боғгаег-боёёот-1Іеғ-гадіиѕ :20рх 40рх; 
-мебркіт-богаег-боёёот-гівһї-гааӣіиѕ :20рх 40рх; 


рогдег-+ор-Іеғі-гайіиѕ :40рх 20рх; 
рогаег-ор-гівһё-гадіиѕ :40рх 20рх; 
Богаег-бо+от-1е{{-га@1и$ :20рх 40рх; 
Богаег-бо+от-г151*-га@1и$ :20рх 40рх; 
} 
</5фу1е> 
</һеаа> 
<Боду> 


<аіу с1а55='бох 01'> 
рогаег-гадіиѕ :40рх; 
</аім> 


<аіу с1аѕ5='бох 02'> 
рогдег-гааіиѕ:40рх 40рх 20рх 20рх; 
</аім> 


<аіу с1аѕ5='бох 03'> 
Богаег-Фор-1е+-га@1и$ &пЬѕр; &п6ѕр; &п6ѕр; : 20рх; <Ьг/> 
рогаӢег-+ор-гіеһе-гааіиѕ &п6ѕр; &пЬѕр; :40рх; <рг> 
Богаег-Бо+от-1е+-гад1и$ :6@рх;<6г> 
Богаег-Бо+от-г151*-га@1и$ :8@рх; 

</41\> 


<аіу с1аѕ5='бох 04'> 
рогаег-+ор-Іеғі-гаӣіиѕ &пЬѕр; &пЬѕр; &пЫѕр; :40рх 20рх; <Ьг> 
рогаег-ор-гіеһё-гадіиѕ &п6ѕр; &п6ѕр; :40рх 20рх; <Ьг> 
рогаӢег-ботћот-Іетё-гааіиѕ :20рх 40рх; <рг> 
Богаег-Бо+от-г151*-га@1и$:20рх 40рх; 

</аіу> 

</боау> 
</ћЕт1> 
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рокаег-кгааіц=: 40рх; 


рокаег-кааіц=: 40рх 40рх 20рх 20рх; 









рок4ек-Бор-1еЕЕ-ка41из :20рх; 
Рокаек-Бор-к1аНнЕ-ка41из :40рх; 
Бог4ек-БоЕЕош-1еЕЕ-ка4тие :60рх; 
Рог4ек-роЕош-к1апе-каЯ1из:8В0рх; 








Богкаек-Еор-1еЕЕ-каЯ1из :40рх 
Бок4ек-Еор-к1аНЕ-ка41из :40рх 20рх; 
Богк4ек-БоЕЕош-1еЕЕ-каЧтиз :20рх 40рх; 
Бок4ек-БоЕои-к1аВЕ-каЧ1и$:20рх 








Рис. 19.3. Смешивания и сопоставления различных свойств радиусов границы 


Так, например, для создания закругленной границы с радиусом 20 пикселов можно 
просто воспользоваться следующим объявлением: 


Богаег-гаа1и$ : 20рх; 





Хотя многие браузеры (включая Іпїегпеї ЕхрІогег) со свойствами радиусов грани- 
цы будут работать хорошо, некоторые текущие (и многие более старые) версии 
основных браузеров используют разные имена свойств. Если нужна поддержка 
всех этих браузеров, придется также включить для них соответствующие пре- 
фиксы, характерные для тех или иных браузеров, такие как -п07- и -меБКЕ-. 
Чтобы обеспечить работу примера 19.2 во всех браузерах, я добавил в код все 
требуемые префиксы. 





Можно указать отдельные радиусы для каждого из четырех углов (по часовой 
стрелке, начиная с левого верхнего угла): 


рогдег-гааіиѕ:10рх 20рх 3З@рх 40рх; 
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При необходимости можете также указать радиус отдельно для каждого угла элемента: 


Богаег-Фор-1е+-га@1и$ :20рх; 
Богаег-Фор-г151*{-га41и$ :40рх; 
рогаӢег-боћот-Іе+ё-гааіиѕ :6өрх; 
рогаег-боћот-гівћі-гадіиѕ :80рх; 


И при ссылке на отдельные углы можно предоставить два аргумента, выбирая тем 
самым разные вертикальные и горизонтальные радиусы (в результате чего полу- 
чаются более интересные и тонко настраиваемые границы): 

рогаег-+ор-1Іеғё-гайіиѕ :40рх 20рх; 

рогаег-ор-гіеһё-гадіиѕ :40рх 20рх; 

рогаӣег-боћот-1Іетё-гааіиѕ :20рх 40рх; 

рогаег-ботот-гієћі-гадіиѕ :20рх 40рх; 


Первым аргументом задается горизонтальный, а вторым — вертикальный радиус. 


Прямоугольные тени 


Для применения прямоугольной тени нужно указать горизонтальное и вертикаль- 
ное смещение от объекта и величину размытости, добавляемой к тени, а также 
используемый для тени цвет: 


Бох-5Надом:15рх 15рх 10рх #888; 


Два значения по 15рх задают (по порядку) горизонтальное вертикальное смещение 
от элемента, и эти значения могут быть отрицательными, нулевыми или положи- 
тельными. Значение 1@рх указывает величину, где меньшие значения приводят 
к меньшей размытости, а #888 — это цвет тени, который может быть любым допу- 
стимым цветом. Результат этого объявления можно увидеть на рис. 19.4. 
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Рис. 19.4. Прямоугольная тень, отображенная под элементом еіетепі 











При использовании этого свойства в браузерах, основанных на движках \Ме ки 
и Мо2 а, нужно применять префиксы -меБКЕ- и -т07-. 








508 Глава 19 • Расширение С55 с помощью С553 





Выход элемента за пределы размеров 


В С$52 можно определить, что делать, когда один элемент слишком велик, чтобы 
полностью поместиться в другом, родительском по отношению к нему элементе, 
путем указания для свойства омег+1ом значения һіддеп, уіѕ1р1е, ѕсго11 или аиёо 
Но теперь в С553 можно также отдельно применить эти значения к горизонталь- 
ному или вертикальному направлению, как в следующих примерах объявлений: 


омег+1ом-х:һіааеп; 
омег+1ом-х:міѕір1е; 
омегҒ1ом-у : аио; 

омегҒ1ом-у: ѕсго11; 


Разметка с использованием нескольких колонок 


Использование нескольких колонок уже давно стало у веб-разработчиков наиболее 
востребованным свойством, и в С$53 оно наконец-то было реализовано, а Іпїегпес 
Ехр|огег 10 стал последним из основных браузеров, принявшим это свойство. 


Теперь перетекание текста по нескольким колонкам задать не сложнее, чем указать 
количество колонок, а затем (дополнительно) выбрать разрядку между ними и тип 
разделительной линии (если она нужна). На рис. 19.5 показан результат выполне- 
ния кода примера 19.3. 


Пример 19.3. Использование С55 для создания нескольких колонок 
<!РОСТУРЕ һҺёт1> 


<Вт1> <!-- ми 1р1есо1ити$ .Нт1 --> 
<Пеаа> 
<{1{1е>Использование колонок< /&іЁ1е> 
<5{$у1е> 
„соТитпз { 
{ех{-а115п уу; 
Фоп{-$17е :16ре; 
-то2-со1итп- сочи 935 
-п02-со1итп-рар :1ет; 
-то7-со1итп-ги1е :1рх $011а Ы1аск; 
-мебк1+-со1итп-соипЕ :3; 
-меБк1*-со1итп-5ар :1ет; 
-меБк1*-со1итп-ги1е :1рх $011а Ы1аск; 
со1итп- соипЁ 13 
со1итп-вар :1ет; 
со1итп-ги1е :1рх $011а Б1аск; 
} 
</5%у1е> 
</Неаа> 
<Боду> 


<аіу с1а$$=' со1итпѕ'> 
№м 15 һе міпёег оф оиг Яіѕсопёепё 
Маде 51ог1ои$ зиттег Бу 11$ зип оф Уогк; 
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Апа а11 һе с1оийѕ {Паф 1оиг'ӣ ироп оиг һоиѕе 
Іп {Пе еер боѕот о+ {Пе осеап бигіеа. 
Мом аге оиг бгомѕ Боипа міёћһ уісёогіоиѕ мгеаёһѕ; 
Оч” Бги15е4 агтѕ һипе ир Ғог топитепѕ; 
Оч” ѕёеғгп а1агитѕ сһапреа фо теггу тееёіпвѕ, 
Оч” агеаағи1 тагсНе$ фо 4е1151+и1 теазиге$. 
бг1т-\15аве маг НафИ зтооН'а 11$ мгіпк1еа Фгоп*; 
Апа пом, іпѕ+еаа о+ тоипёіпе Баг4е з+еед$ 
То Рг1ёйф һе 50015 о+ Феагфи1 айуегѕагіеѕ, 
Не сарег$ плтЬ1у іп а 1а4у'$ сһатбег 
То {Пе 1аѕсіуіоиѕ р1еа$1п& оф а 1и\е. 
</аіу> 
</боау> 
</ћЕт1> 















х 8 - = ш 
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А? Использование колонок 











Моҳу 15 ће міпќег оЁ | Ошг Бпиѕеа агтѕ | пом — шУ\еад оѓ 
оиг фіѕсопепё Майе | ипо ир Гог | тоцпіпо Баг4ед 
<оноиз$ ѕшттег Бу | топитепі; Ошг | ѕіееіѕ То Ёчоһё Фе 
15 зип ог Үогк; Апа | “ет ајагигпѕ | $0118 оѓ  ГЕеа 
а һе с1ои45 Фа | сБапоед ќо тету | айхегѕагіеѕ, Не 
Іоцга цироп оог | шеейпоз, Ошг | сарегз пит Бу іп а 
һоцџѕве Іп е еер | дгеа@ тагсһеѕ {о | Іафу'ѕ сһатбег То ће 
Бозот оЁ (ће осеап | дейоБЕ  теазигез. | Іаѕсітіоиѕ рІеаѕіпо оѓ 
Бинед. Мом аге оиг | Сгіт-уіѕаеї маг | айке. 

Бгомѕ Боипа “ИВ | Вай ѕтооа №5 

уісіогіоиѕ мгеаіһѕ; | гие ЁопЕ Апа 











Рис. 19.5. Перетекание текста по нескольким колонкам 


Внутри класса .со1итп$ первые две строки просто предписывают браузеру 
выровнять текст по правому краю и установить для него размер шрифта 16ре. 
Эти объявления для нескольких колонок не нужны, но они улучшают отображение 
текста. В остальных строках элемент настраивается таким образом, чтобы внутри 
него текст перетекал по трем колонкам с разрывом между колонками, равным 1еп, 
и сграницей 1 пиксел, проходящей посередине каждого разрыва. 








В примере 19.3 браузеры на основе движков Мо7Ша и МеБкі могут потребовать 
для объявлений соответствующих этим браузерам префиксов. 
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Цвета и непрозрачность 


Способы определения цветов в С553 существенно расширились: теперь вы можете 
также использовать С55-функции для применения цветов в широко распростра- 
ненных форматах КСВ (красный, зеленый, синий), КСВА (красный, зеленый, 
синий, альфа), НІ. (тон, насыщенность, яркость) и НЗГА (тон, насыщенность, 
яркость, альфа). Значение альфа определяет прозрачность цвета, позволяющую 
увидеть элементы, расположенные ниже. 


Цвета НУ 


Для определения цвета с помощью функции ћѕ1 сначала нужно выбрать из цвето- 
вого круга значение для тона в диапазоне от 0 до 359. Любой более высокий номер 
цвета просто возвращается по кругу к началу, таким образом значение Ө соответ- 
ствует красному цвету точно так же, как и значения 369 и 726. 


В цветовом круге основные цвета — красный, зеленый и синий — занимают по 120 гра- 
дусов, поэтому чистый красный цвет соответствует значению ө, зеленый — значению 126, 
а синий — значению 249. Числа между этими значениями представляют собой от- 
тенки, содержащие различные пропорции основных цветов с обеих сторон. 


Затем нужен уровень насыщенности, значение которого лежит в диапазоне от 0 до 
100 %. Он определяет то, насколько сильно цвет будет размыт или ярок. Значения 
насыщенности начинаются в центре колеса со светло-серого цвета (насыщенность 
равна 0 %), а затем по направлению к краю (где насыщенность равна 100 %) она 
становится все более отчетливой. 


Вам остается только решить, насколько ярким требуется цвет, для чего нужно вы- 
брать значение яркости в диапазоне от 0 до 100 %. Значение 50% для яркости дает 
наполненный, яркий цвет, а уменьшение значения (вниз, вплоть до минимума 0%) 
делает его темнее до тех пор, пока цвет не станет черным. Увеличение значения 
(вверх, вплоть до максимума 100%) делает цвет светлее до тех пор, пока он не станет 
белым. Вы можете визуально представить это подмешиванием в цвет либо черного, 
либо белого цвета. 


Так, например, для выбора полностью насыщенного желтого цвета со стандартной 
яркостью нужно воспользоваться следующим объявлением: 


со1ог:ћѕ1(60, 100%, 50%); 
Или для выбора темно-синего цвета можно воспользоваться таким объявлением: 
со10г:һ51(240, 100%, 40%); 


Этим также можно воспользоваться (как и всеми остальными С55-функциями, 
связанными с заданием цвета) с любым свойством, ожидающим применения цве- 
товых настроек, например с раскегоипа-со1ог ит. д. 
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Цвета НЅІА 


Для обеспечения еще большего контроля над способом цветоообразования можно 
воспользоваться функцией һѕ1а, предоставив ей четвертый (альфа) уровень на- 
стройки цвета, значение которого задается числом с плавающей точкой в диапазоне 
от 0 до 1. Значение @ определяет, что цвет полностью прозрачный, а число 1 задает 
полную непрозрачность цвета. 


Выбрать желтый цвет с полной насыщенностью, стандартной яркостью и 30%-ной 
непрозрачностью можно с помощью следующего объявления: 


со1ог:Н$1а(60, 100%, 50%, 90.3); 


Или же для выбора полностью насыщенного, но чуть более светлого синего цвета 
с 82%-ной непрозрачностью можно воспользоваться таким объявлением: 


со1ог:ћѕ1а(240, 100%, 60%, 0.82); 


Цвета КСВ 


Наверное, вам более знакома система выбора цвета ВСВ, поскольку она похожа 
на использование форматов цвета #пппппп и #ппп. Например, для задания желтого 
цвета можно воспользоваться любым из следующих объявлений (первое из них 
поддерживает 16 миллионов цветов, а второе — 4 тысячи): 


со1ог :#ҒҒҒҒӨӨ; 
со1ог :#Ғ#Ғ 0; 


Для получения такого же результата можно также воспользоваться С55-функцией 
гв, но при этом нужно применять не шестнадцатеричные, а десятичные числа 
(где десятичное число 255 соответствует шестнадцатеричному числу ++): 


со1ог:г66(255, 255, Ө); 


Но еще лучше вам будет даже не задумываться больше о том, чему соответствуют 
значения до 256, поскольку можно указать процентные значения: 


со1ог:г26(100%, 100%, Ө); 


Фактически теперь вы можете с большой точностью определить настройки для 
нужного цвета, просто думая о его основных цветовых составляющих. Например, 
сочетание зеленого и синего дает фиолетовый цвет, поэтому для задания цвета, 
близкого к фиолетовому, но с синей составляющей, преобладающей над зеленой, 
можно составить первое предположение, что для него нужно определить 0 % крас- 
ного, 40 % зеленого и 60 % синего цвета и попробовать воспользоваться следующим 
объявлением: 


со1ог:г26(0%, 60%, 40%); 
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Цвета КСВА 


Как и функция һѕ1а, функция гёба поддерживает четвертый (альфа) аргумент, 
позволяющий, к примеру, с помощью следующего объявления применить к преж- 
нему фиолетовому цвету 40%-ную непрозрачность: 


со1ог:гвба(0%, 60%, 40%, 0.4); 


Свойство орасКу 


Свойство орасі+у предоставляет такое же альфа-управление, что и функции Н$1а 
и грба, но позволяет изменять непрозрачность объекта (или прозрачность, если это 
вам больше нравится) отдельно от его цвета. 


Для использования этого цвета нужно применить к элементу следующее объявле- 
ние (которое в данном примере устанавливает непрозрачность, равную 25 %, или 
прозрачность, равную 75 %): 


орасі+у:0.25; 





Для браузеров на основе движков МеБкії и Могіа для этого свойства требуются 
соответствующие этим браузерам префиксы. Кроме того, для обратной совмести- 
мости с выпусками Іпїегпеї ЕхріІогег, предшествующими версии 9, нужно добавить 
такое объявление (в котором значение непрозрачности умножено на 100): 





Ғі1+ег:а1рһа(орасі+у='25'); 





Эффекты, применяемые к тексту 


Теперь с помощью С553 к тексту могут применяться новые эффекты, включая тени 
и перенос слов. 


Свойство іехі-ѕһааом 


Это свойство аналогично свойству бох -ѕһайон и получает такой же набор аргумен- 
тов: горизонтальное и вертикальное смещение, величину размытости и использу- 
емый цвет. Например, следующее объявление задает смещение тени на З пиксела 
как в горизонтальном, так и в вертикальном направлениях и отображает тень 
темно-серым цветом с размытостью 4 пиксела: 


техї-ѕһааом:Зрх Зрх 4рх #444; 


Результат применения этого объявления выглядит, как показано на рис. 19.6. 
Это объявление работает в последних версиях всех основных браузеров (кроме 
Тпсегпеё ЕхрІогет 9 или ниже). 
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ТЬ1$ 1$ ѕЅһадожмед ѓехі 


Рис. 19.6. Применение тени к тексту 


Свойство *еж{-омег!Но\/ 


При использовании любого из С5$-свойств оуег+10ом со значением, равным һідаеп, 
можно также воспользоваться свойством ёехі -оуегҒ1ои для помещения многоточия 
сразу же после текста, подвергшегося усечению: 


Тех -оуегҒ10ом:е111рѕіѕ; 


Если это свойство не использовать, то когда текст «То Бе, ог поё фо Бе. Тћаё 1$ ће 
доеѕііоп.» усекается, результат выглядит так, как показано на рис. 19.7. С примене- 
нием объявления результат выглядит так, как изображено на рис. 19.8. 


То Бе, ог пої ёо Бе. Тћаё 1‹ 


Рис. 19.7. Текст автоматически усекается 


То Бе, ог пої ёо Бе. Тћа... 


Рис. 19.8. Вместо простого усечения текст завершается многоточием 


Чтобы это работало, требуется выполнить три условия. 
О У элемента должно быть свойство омег+1ом, настроенное на невидимость, на- 
пример оуегҒ1ом:һіадеп. 


О Элемент должен иметь свойство мһі+е-ѕрасе: помгар, настраивающее на огра- 
ничение текста. 





О Ширина элемента должна быть меньше, чем усекаемый текст. 


Свойство мога-угар 


Когда используется по-настоящему длинное слово, шире того элемента, в котором 
оно содержится, оно либо выйдет за пределы, либо будет усечено. Но в качестве 
альтернативного варианта свойству ёехі -оуег+1ом и усечению текста можно вос- 
пользоваться свойством мога -мгар со значением бгеак-мога для переноса длинных 
строк: 


мога-мгар: бгеак-мога; 
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Например, на рис. 19.9 показано, что слово НопогійсаЬіісийіпіќайЬиѕ шире, чем 
содержащее его поле (чей правый край показан в виде сплошной вертикальной 
черты между буквами ё и а), и, поскольку свойство оуег1ом применено не было, 
слово выходит за границу своего контейнера. 


НопогібсаБііёшаіпіќайЫиѕ 


Рис. 19.9. Слово имеет слишком большую ширину для своего контейнера, 
поэтому выходит за его границу 


Но нарис. 19.10 свойству мога-мгар элемента было присвоено значение бгеак-мога, 
поэтому слово аккуратно перенесено на следующую строку. 


Нопоийса и еаашти 
айби$ 


Рис. 19.10. Теперь слово переносится по достижении правого края 


Веб-шрифты 


Применение веб-шрифтов С$53 существенно повысило возможности оформления 
текста, доступные веб-дизайнерам, позволяя загружать шрифты из Интернета, 
а не только со своего пользовательского компьютера, и отображать их по всей 
Всемирной сети. Для достижения такого результата нужно объявить веб-шрифт 
с помощью свойства @Роп*-+асе: 


(@РопЕ-Расе 


{ 
Фоп*-Фам11у:РопМате; ѕгс:иг1( ' ҒопЕМате.оЁ+'); 


} 


Функция иг1 требует значение, содержащее путь либо О ВТ.-адрес шрифта. 
В большинстве браузеров можно использовать или шрифты ТгиеТуре (.+++), 
или шрифты ОрепТуре (.о++), но Пцегпеё Ехр|отег ограничивает вас приме- 
нением шрифтов ТгиеТуре, преобразованных в шрифты ЕтБед4е4 Ореп Туре 
(.ео+). 


Чтобы сообщить браузеру тип шрифта, можно воспользоваться функцией Фогта*, 
как в следующем примере для шрифтов ОрепТуре: 


@Ғопї - Ғасе 
{ 


Топ - Ғаті1у : ҒопЕМате; 
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гс: иг] ( 'РопМаше.о=+') Фогта*( 'орепфуре'); 


} 


или в этом примере (для шрифтов ТгиеТуре): 


@РопЕ-Расе 
{ 


Топ - Ғаті1у : РопМаме; 
гс: иг] ( 'РопМаше.+Е+') Фогта*('+гиефуре'); 


} 


Но поскольку Гбегпеё Ехр|огег принимает только ЕОТ-шрифты, он игнорирует 
объявления @Фоп* -Ғасе, содержащие функцию +огпа*. 


Веб-шрифты Соозе. Один из лучших способов использования веб-шрифтов — их 
бесплатная загрузка с серверов Соозе. Дополнительную информацию по данно- 
му вопросу можно найти на сайте веб-шрифтов Соозе (Нир://дооде.сот/меб оп) 
(рис. 19.11), где можно получить доступ более чем к 848 семействам шрифтов! 


© соофе Ропь х ФЕ 
< аз | @ Ѕесиге | НИрз/Логиз доосехот |: 


О Ѕеагсһ 








Сооде Роги ПИВЕСТОВУ РЕАТИВЕО АВОШТ СД У 


Саїсдопіез 


Зет! 


Запз Зет 


Оізріау 
Напоутійпо 


Меміпо 848 01 348 Голі їатіїіез 


Вороќо Вапом Сопдепзед о 
Сһгіѕап коБейзоп (12 $1у1е$) Јегету ТИЬБу (18 $163) 


АП! {Рег 
еаціртепї апа 


А гед Наш ѕ11ћоџеей 
{Пе јаддеа ейде оға 


Мопоѕрасе 


Ѕопіпд 


іпѕїгитепїѕ аге міпо. 


Тгепдіпа ~ 


а!іуе. 


1апдиадеѕ 


АП Гапдцаче$з ~ 


Тгу {уріпд ЧиесНу ігќо ће ќехі пез 


митбег оѓ з1уіеѕ 


Вапом 
Јегету Тпрбу (18 $1уІеѕ) 


| маїсһеа {пе 
ѕіогт, $0 
реаиц Ти! уеї 
{егийс. 


Ореп Ѕапѕ 
Ѕіеуе МаЦезоп (10 $1уе$) 


АІгпоѕі БеГоге 
ме Кпем/ К, ме 
Бад [е Һе 
сгочпа. 


м ө 


Тһіскпеѕ5 





Рис. 19.11. Включить веб-шрифты Соодіе не составляет труда 
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Чтобы вы увидели, насколько легко можно использовать один из этих шрифтов, 
в следующем примере показано, как загрузить шрифт Сооёе (в данном случае 
ГоБѕќег) в ваш НТМТ-код для использования в заголовках <ћ1>: 


<!БОСТУРЕ һ&т1> 
<Пт1> 
<Пеад> 
<5{у1е> 
[1 { Ғопъ-Ғаті1у: 'Гоб$фег', аг1а1, зег1+; } 
</5+у1е» 
<1іпк һге#= ' Һер: //Ғопёѕ . воор1еаріѕ. сот/сѕ5 ?Ғаті1у=1 обрѕ+ег' 
ге1='ѕ#уІеѕһееї' 
</Неаа> 
<Боду> 
<ћ1>Не110</һ1> 
</боау> 
</ћт1> 


При выборе шрифта с сайта Соозе предоставляет тег <1іпк> для копирования 
и вставки его в раздел <Неа4а> вашей веб-страницы. 


Трансформации 


Используя трансформации, можно наклонять, вращать, растягивать и сжимать эле- 
менты в любом из трех измерений (да, ЗО поддерживается, но пока только в браузе- 
рах, работающих на движке №УеЬКіб). Это упрощает создание впечатляющих эффек- 
тов путем выхода за пределы однообразных макетов на основе <аїу>-контейнеров 
и других элементов, поскольку теперь они могут быть показаны под различными 
углами и в различных формах. 


Для выполнения трансформаций нужно воспользоваться свойством +гап$Фогт 
(у которого, к сожалению, должны быть соответствующие префиксы для исполь- 
зования в браузерах Мо7Ша, №еЬКі, Орега и МісгоѕоЁс; по этому вопросу снова 
следует обратиться на сайт Һ&р://сапіиѕе.сот). 


К свойству ёгапѕҒогт можно применять множество значений, начиная со значе- 
ния попе, которое переключает объект в состояние, не допускающее трансфор- 
маций: 


{гап$Фогт: попе; 


Свойство {гап5огт можно дополнить одной или несколькими из следующих раз- 
нообразных функций: 


О таег1х — трансформирует объект, применяя к нему матрицу значений; 


О {гап$1а{е — перемещает исходную точку элемента; 





О $са1е — масштабирует объект; 
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О го+а+е — вращает объект; 





О Кем — наклоняет объект. 


Единственное, с чем может быть трудно разобраться, — это наклон ($Кем). 
При применении этой функции одна из координат смещается в одном из на- 
правлений пропорционально своему расстоянию от координатной плоскости 
или оси. Таким образом при наклоне прямоугольник, к примеру, преобразуется 
в параллелограмм. 


Существуют также отдельные версии многих из этих функций, например гапз1афех, 
эзса1е\ ит. д. 


Так, например, чтобы повернуть элемент по часовой стрелке на 45°, можно при- 
менить к нему такое объявление: 


{гапзФогт : гобаёе(45ӣер); 


В то же время вы можете увеличить объект, как это делается с помощью следующе- 
го объявления, приводящего к увеличению его ширины в полтора, а высоты в два 
раза с дальнейшим поворотом: 


{гапзФогт: ѕса1е(1.5, 2) гоба+е(45Яер); 


На рис. 19.12 показан объект до и после применения трансформации. 


<” Трансформация 











Рис. 19.12. Объект до и после трансформации 
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Трехмерная трансформация. Объекты на странице можно также трансформиро- 
вать в трех измерениях, используя следующие свойства трехмерной трансформа- 
ции С553: 


О регѕрестіме — освобождение элемента из двумерного пространства и создание 
третьего измерения, в котором он может перемещаться; требуется для работы 
сЗр-функциями С5$5; 


О +ғапѕҒогт-огівіп — установка с использованием перспективы того места, где 
все линии сходятся в одну точку; 


С {гап$1афеза — перемещение элемента в другое место трехмерного пространства; 


О ѕса1еза — изменение масштаба одного или нескольких измерений; 





С гоба+еза — вращение элемента вокруг любой из осей Х, Уи 7. 


На рис. 19.13 показан двумерный объект, подвергшийся вращению в трехмерном 
пространстве с помощью следующего С58-правила: 


{гапзФогт: регзрес*1уе(200рх) гофафех(104её) готафеу(204е=) гоате2 (Здаер); 












СИ Вращение объекта в трехмер: Ж + = = 


ГЕ 











(©) э а б | (© Іосаіһоѕї 











Рис. 19.13. Вращение объекта в трехмерном пространстве 


За дополнительной информацией обратитесь к руководству по адресу ВЁр:// 
Чпуий.сот/Засгап$Роптв. 


Переходы 


В последних версиях основных браузеров (включая П\егпе Ехр]огег 10, не ниже) 
появилось новое динамичное свойство, называемое переходами. Переходы 
определяют эффект анимации, который нужно применить при трансформации 
элемента, и браузер автоматически позаботится за вас обо всех промежуточных 
кадрах. 
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Для настройки перехода можно предоставить четыре свойства: 


{гап$1{1оп-ргорегфу : свойство; 
{гап$1{1оп-дига*1оп :время; 
{гап$1{1оп-ае1ау :время; 


{гап$1+10п-{1т1п8-Фипс1оп: тип; 





Свойства нужно предварять соответствующими префиксами браузеров, работа- 
ющих на движках Мо7а, \МеБкії, Орега и Місгоѕоҝ. 





Свойства, применяемые к переходам 


У переходов есть такие свойства, как һеірһ и Богаег-со1ог. При указании свойств 
преследуется цель изменения С55-свойства по имени ёгапѕіёіоп-ргорег+у (здесь 
слово ргорегбу («свойства») используется двумя разными способами: для С$$- 
свойства и для устанавливаемых им свойств переходов). Можно включить в объ- 
явление сразу несколько свойств, разделяя их запятыми: 


Тгапѕііоп-ргорег+у :міаєһ, һеірһё, орасі+у; 


Или, если вам нужно абсолютно все, относящееся к элементу, подвергаемому пере- 
ходу (включая цвета), используется значение а11: 


Тгапѕііоп-ргорег+у:а11; 


Продолжительность перехода 


Свойство {гап$11оп-дига {оп требует значения от нуля и более секунд. Следующее 
объявление задает завершение перехода через 1,25 с: 


{гап$1+1оп-днига{1оп :1.255; 


Задержка перехода 


Если свойству ёгапѕісіоп-ӣе1ау дается значение более нуля секунд (то есть более 
значения по умолчанию), происходит задержка между исходным отображением 
элемента и началом его перехода. Следующее объявление задает начало перехода 
после задержки 0,1 с: 


Тгапѕііоп-ӣе1ау:0.15; 


Если свойству ©гапѕііоп-ӣе1ау дается значение меньше нуля секунд (иными 
словами, отрицательное значение), переход будет выполнен в момент изменения 
свойства, но проявится таким образом, будто оно началось с указанным смещением 
по времени, то есть на каком-то своем промежуточном цикле. 
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Задание скорости перехода 


Свойству ёгапѕіёіоп-ёіпіпв- Ғипстіоп требуется присвоить одно из следующих 
значений: 

С еаѕе — медленное начало, ускорение и медленное завершение; 

О 1іпеаг — переход с постоянной скоростью; 

О еаѕе-іп — медленное начало, а затем быстрый переход до самого завершения; 
О 


еаѕе-оиё — быстрое начало, сохранение высокой скорости почти до завершения 
и медленное завершение; 





О еа$е-1п-ои+ — медленное начало, быстрый переход, затем медленное завер- 
шение. 


Использование любого из этих значений со словом еазе обеспечивает исключи- 
тельную плавность и естественность перехода, в отличие от линейного (11пеаг) 
перехода, который выглядит более механическим. И если этих изменений вам 
недостаточно, вы можете также создать свой собственный переход, используя 
функцию сиб1с-Бе71ег. 


Например, следующие объявления применялись для создания пяти предыдущих 
типов переходов и показывают, как просто можно создавать свои собственные 
переходы: 

Егапѕііоп-ёітіпе- Ғипсёіоп : сиб1с-Бе71ег(9.25, 09 0.25, 1); 
ёгапѕібіоп-ёітіпе - Ғипсёіоп : сиріс-регіег(0, е 1, 1); 
Егапѕііоп-ёітіпе- Ғипсёіоп: сиріс-бегіег(0.42, Ө, 1, 1); 
ёгапѕііоп-ёітіпе - Ғипсёіоп : сиріс-регіег(0, е 0.58, 1); 
Егапѕііоп-ёітіпе- Ғипсёіоп : сиріс-бегіег(0.42, 09 0.58, 1); 


Сокращенный синтаксис 


Возможно, проще будет воспользоваться сокращенной версией этого свойства 
и включить все значения в одно объявление (такое, как показано далее), которым 
задается переход всех свойств в линейном режиме за период 0,3 с, после начальной 
(необязательной) задержки 0,2 с: 


©гапѕіїіоп:а11 .35 11пеаг .25; 


Это избавит вас от хлопот, связанных со вводом многих очень похожих друг на 
друга объявлений, особенно если вы поддерживаете префиксы всех основных 
браузеров. 


В примере 19.4 продемонстрировано, как можно сразу воспользоваться и пере- 
ходом, и трансформацией. С помощью С$55 создается квадратный оранжевый 
элемент с неким текстом внутри, а псевдокласс һоуег указывает на то, что при 
проходе над этим объектом указателя мыши объект должен повернуться на 180° 
и изменить свой цвет с оранжевого на желтый (рис. 19.14). 


Переходы 
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Рис. 19.14. Объект поворачивается и меняет цвет при прохождении над ним указателя мыши 


Пример 19.4. Эффект перемещения, связанный с применением псевдокласса По\ег 


<!БОСТУРЕ ҺЕт1> 
<ћЕм1> 
<һеаа» 


<{1{1е>Перемещение при проходе мыши </&11е> 


<ѕїу1е> 

#ѕдиаге { 
роѕіћіоп 
фор 
Іе++ 
міа+ћ 
ћеівһї 
раааіпе 
{ех*-а115п 
рогаег-міаёћ 
Богаег-$+у1е 
Баскёгоипа 
{гап$11оп 
-то7 -{Ггап$110п 
-мебкі+ -Егап$110п: 
-о-ігапѕі+іоп 
-т5-Ёгапѕібіоп 

} 

#ѕдиаге:һомег { 
Баскёгоипа 
-то2-ЁгапѕҒогт 
-мебкі+ -Егап$Рогт 
-о-ігапѕҒогт 
-т5 -{гап$Рогт 
{гап$Фогт 

} 

</ѕ+у1е» 
</Неаа> 
<Боаду> 


а11 


:а11 
:а11 


.85 
.85 
.85 
.85 
.85 


:уе110м; 
:гоёа+е(180аер); 
:гоёа+е(180аер); 
:гоёа+е(180аер); 
:гоёа+е(180@аер); 
:гоёа+е(180аер); 


: аБзо1и*е; 
:50рх; 
:50рх; 
:100рх; 
:100рх; 
:2рх; 
:сепёег; 
:1рх; 
:5011а; 
: огапбе; 
:а11 
:а11 


еаѕе-іп-ои+; 
еаѕе-іп-ои+; 
еаѕе-іп-оиЁ; 
еаѕе-іп-оиЁ; 
еаѕе-іп-ои+; 
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<аіу 14='здиаге' > 
5ачаге зПаре<6г> 
сгеатеа иѕіпе<бг> 
а ѕітр1е 91\у<6г> 
е1етепЕ міёһ<Бге> 
а 1рх Богаег </4іу> 
</боау> 
</ћЕт1> 


Пример кода удовлетворяет требованиям всех разнообразных браузеров благодаря 
предоставлению версий объявлений, характерных для тех или иных браузеров. 
На всех самых последних браузерах (включая Ірѓќегпеѓ ЕхрІогег 10 и выше) объект 
будет поворачиваться по часовой стрелке при прохождении над ним указателя 
мыши и в то же время станет медленно менять свой цвет с оранжевого на желтый. 


С55-переходы выполняются вполне продуманно, что выражается в том, что после 
прекращения перехода все плавно возвращается к своему исходному значению. 
Поэтому, если убрать указатель мыши до завершения перехода, он тут же пойдет 
в обратную сторону и начнет переход назад к своему исходному состоянию. 


Вопросы 


Чем занимаются операторы селектора атрибутов С$53 ^=, $= и *=? 

Какое свойство используется для указания размера фонового изображения? 
С помощью какого свойства можно указать радиус границы? 

Как можно задать перетекание текста по нескольким колонкам? 


Назовите четыре функции, с помощью которых можно указать С55-цвета. 


0 к 0. № = 


Как можно создать серую тень под каким-нибудь текстом с диагональным от- 
ступом вправо и вниз на 5 пикселов и с размытостью 3 пиксела? 


7. Как можно показать многоточием, что текст усечен? 
8. Как включить в состав своей веб-страницы веб-шрифты Соозе? 
9. Какое С$$5-объявление нужно использовать для поворота объекта на 90°? 
10. Как указать переход объекта таким образом, чтобы при изменении любого из 
его свойств переход осуществлялся сразу в линейном режиме в течение 0,5 с? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Доступ к С55 
из Лауа$сире 


После того как вы поняли, что такое объектная модель документа — ОРосшпепі 
Ођјесе МойеІ (РОМ) и каскадные таблицы стилей — С$5, из этой главы вы узнае- 
те, как к ним можно получать доступ непосредственно из кода Јауа$Ѕсгірї, что 
позволит вам создавать высокодинамичные и быстро реагирующие на действия 
пользователей сайты. 


Мы также рассмотрим использование прерываний, что позволит создавать ани- 
мацию или предоставлять любой код, который должен продолжать работу на веб- 
странице (например, часы). Кроме того, я объясню, как в ООМ добавляются новые 
элементы или удаляются существующие элементы, чтобы вам не приходилось за- 
ранее создавать элементы в НТМІ на тот случай, если коду Јауа5сгір может чуть 
позже понадобиться получить к ним доступ. 


Еще одно обращение 
к функции де Еетет{Вуа 


В качестве помощи в работе с примерами, приводимыми в остальной части книги, 
я намереваюсь представить вам улучшенную версию функции реЕ1етеп+Ву1а, 
чтобы вы могли работать с элементами РОМ и стилями С$$ быстро и эффективно, 
не испытывая потребности включения таких сред, как јОпегу. 


Но чтобы избежать конфликтов со средами программирования, использующими 
символ $, я буду просто применять в качестве имени функции заглавную букву 0, 
поскольку это первая буква слова Ођјесе (объект), а именно объект будет возвра- 
щаться при вызове этой функции (тот самый объект, представленный идентифи- 
катором 10, переданным функции). 
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Функция О 


Основа функции 0 имеет следующий вид: 
ФипсЕ1оп 0(1) 


{ 


гефигп ЯӢоситеп . ве+Е1етеп+Ву1а(1) 


} 


Только этот код уже сокращает количество набираемого текста при вызове функ- 
ции на 22 символа, но я намерен немного расширить функцию, позволяя пере- 
давать ей либо ТО, либо объект, как показано в полной версии функции, представ- 
ленной в примере 20.1. 


Пример 20.1. Функция О 
ФипсЕ1опт 0(1) 


{ 


геиғгп фуреоф 1 == 'објесї' ? і : Яоситеп+.ре+Е1етеп+ВуІа(і) 


} 


Если функции передается объект, она просто возвращает его обратно. В противном 
случае она предполагает, что ей был передан Г, и возвращает объект, на который 
этот Ш ссылается. 


Но с какой стати мне захотелось добавить эту первую инструкцию, которая просто 
возвращает переданный ей объект? 


Функция 5 


Ответ на данный вопрос станет ясным, когда вы посмотрите на вспомогательную 
функцию, названную $ и показанную в примере 20.2, которую я вам предоставляю 
для упрощения доступа к стилевым свойствам (или С$5) объекта. 


Пример 20.2. Функция 5 


Ғипсёіоп 5(1) 


{ 


геигп 0(1).$+у1е 


} 


Для этой функции имя $ выбрано потому, что это первая буква слова Зу[е, а функ- 
ция выполняет задачу возвращения свойства стиля (или подчиненного объекта) того 
элемента, на который она ссылается. Поскольку встроенная функция 0 принимает 
либо 10, либо объект, вы можете передавать функции $ как 10, так и объект. 


Рассмотрим, что получится, когда мы возьмем <ӣіу>-элемент с ГЛ туоб] и устано- 
вим для цвета его текста значение вгееп (зеленый): 
<аіу 14='туоб] '>5оте +ех{</91\> 


<$сг1ре> 
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0('туобј').ѕ+у1е.со1ог = 'вгееп' 
</5сг1ре> 


Предыдущий код справится с этой задачей, но значительно проще будет вызвать 
новую функцию 5: 


$('туоб)').со1ог = 'вгееп' 


Теперь рассмотрим случай, при котором объект, возвращенный в результате вы- 
зова функции 0, сохранен, к примеру, в объекте по имени +геа: 


Ғгеа = 0('туорј') 


Благодаря тому способу, который используется в работе функции $, мы можем для 
изменения цвета на зеленый вызвать и этот объект: 


5(+геӣ).со1ог = 'вгееп' 


Это означает, что при желании получить доступ к объекту непосредственно или 
через его ГО вы можете сделать это, передавая его либо функции 0, либо функции $ 
в зависимости от того, что вам нужно. Необходимо лишь помнить, что при пере- 
даче объекта (а не ГЛ) ни в коем случае не следует брать его имя в кавычки. 


Функция С 


Вам уже предоставлены две простые функции, упрощающие доступ к любому 
элементу на веб-странице и любому свойству стиля элемента. Но иногда вам пона- 
добится одновременный доступ более чем к одному элементу. Это можно сделать 
путем присваивания имени класса С55 каждому такому элементу, как показано 
в следующем примере, где для каждого элемента применяется класс тус1аѕ5: 


<аіу с1а$$='тус1а$$ ' >Содержимое 41у-контейнера </4а1\> 
<р с1а$$5='тус1а$$ ' >Содержимое абзаца</р> 


Если нужен доступ ко всем элементам страницы, использующим конкретный 
класс, можно обратиться к функции С (чье имя происходит от первой буквы в слове 
С1аз$), показанной в примере 20.3. Она вернет массив, состоящий из всех объектов, 
которые соответствуют предоставленному имени класса. 


Пример 20.3. Функция С 


ФипсЕ1опт С(1) 


{ 


гефигп ЯӢоситеп . реЕ1етепёѕВус1аѕѕМате(1) 


} 


Для использования эту функцию следует просто вызвать, как показано далее, со- 
храняя возвращенный массив, чтобы иметь возможность получить доступ отдельно 
к каждому нужному элементу или (что чаще всего и бывает) ко всем элементам 
с помощью цикла: 


туаггау = С('тус1аѕ55') 
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Теперь можете делать с возвращенными объектами все, что нужно, например уста- 
новить для их свойства +ехіресога+іоп значение подчеркивания — 'ипӣег1іпе': 


Ғог (1 = 0 ; 1 < муаггау.1епёЕВ ; ++1) 
5 (туаггау[1]) .+ехёресога+іоп = 'ипаег11те' 


Этот код осуществляет последовательный перебор объектов в туаггау[], а затем 
использует функцию $ для ссылки на свойство стиля каждого объекта, задавая для 
свойства ёехёресогаїіоп значение 'ипаег11пте'. 


Включение функций 


Функции 0 и $ используются во всей оставшейся части главы, поскольку делают 
код короче и понятнее. Поэтому я сохранил их в файле 05Сс.јѕ (наряду с функци- 
ей С, поскольку я полагаю, что она принесет вам большую пользу) в папке Спарег 20 
в сопутствующем архиве примеров, который вы можете загрузить с сайта И&р:// 
[рип]. пе. 


Они могут быть включены в веб-страницу с помощью следующей инструкции. 
Ее предпочтительнее поместить в блок <Неаа> где-нибудь перед любым сценарием, 
работа которого зависит от вызова этих функций: 


<$сг1рЕ $гс='0$С.35'></зсг1ре> 


Содержимое файла 05С.ј5ѕ показано в примере 20.4, где все убрано всего лишь 
в три строки. 


Пример 20.4. Файл О5С.јѕ 


ФипсЕ1оп 0(1) {гефигп урео+ і == 'објесї' ? 1 : аоситеп* . веЕ1етепеВута(1) } 
ФипсЕ1оп 5(1) { гефиги 0(1).ѕ+у1е } 
ФипсЕ1оп С(1) { гефигп доситеп+ . веЕ1етеп{$ВуС1а$ Маме (1) } 


Обращение к свойствам С55 из Јауабсгірї 


Свойство ёехёресогаќіоп, использовавшееся в ранее показанном примере, пред- 
ставляет свойство С$5, имя которого в обычном виде содержит дефис: +ех* - 
десога+іоп. Но поскольку в ЈауаЅсгіре дефис зарезервирован для применения в ка- 
честве математического оператора, при доступе к свойству С55, в имени которого 
используется дефис, этот дефис нужно опустить и перевести в верхний регистр 
символ, следовавигий непосредственно за ним. 


Еще одним примером может послужить свойство Фоп*-512е, на которое в ЈауаЅсгірі 
при помещении после оператора точки ссылаются как на +0п15$12е: 


туобјес+.Ғопё51іғе = '16р*' 
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Вместо этого можно предоставить более развернутый код и воспользоваться функ- 
цией ѕеА+гібиќе, которая поддерживает (и фактически требует) стандартное имя 
свойства С$5: 


туобјес+. ѕеАёгіри+е( '5{у1е', '№оп{-$17е:16р*') 





Некоторые устаревшие версии Мсгозой Іпќегпеѓ Ехрогег в определенных ситуа- 
циях слишком разборчивы в применении Јауабсгірі-стиля имен, принадлежащих 
свойствам С55. Имеется в виду применение к ним специальных версий правил, 
в которых используются характерные для браузера префиксы -тѕ-. 














Некоторые общие свойства 


С помощью ЈауаЅсгірї вы можете изменить любое свойство любого элемента, 
имеющегося в веб-документе, примерно так же, как это делается с помощью 
С55. Я уже показывал вам, как получить доступ к свойствам С$$, используя 
либо краткую форму Јауа$сгірї, либо функцию ѕеќд++гібите (чтобы применить 
абсолютно такие же имена свойств, как и в С$5). Поэтому я не стану обременять 
вас детализацией всех этих сотен свойств. Вместо этого я покажу, как получить 
доступ к некоторым свойствам С$$, чтобы дать обзорное представление об их 
возможностях. 


Сначала рассмотрим изменение нескольких свойств С55 из ЈауаЅсгіре, используя 
код примера 20.5, который в первую очередь загружает в себя три ранее упомя- 
нутые функции, затем создает <91\>-элемент и, наконец, запускает инструкции 
ЈауаЅсгірё, находящиеся внутри блока <ѕсгірё> кода НТМІ. с целью изменения 
некоторых атрибутов элемента <аіу» (рис. 20.1). 


Пример 20.5. Обращение к свойствам С55 из ЈауаЅсгірї 


<1рОСТҮРЕ һёт1> 
<һЕм1> 
<һеаа» 
<{1{1е>Обращение к свойствам С55</&1+1е» 
<ѕсгір згс='0$С.]$'></зсг1ре> 
</Неаа> 
<Боду> 
<аіу 1іа= 'објесї'›ріу-объект</аіу> 


<ѕсгірі» 
5( "објесі').богаег = '50114 1рх геа' 
5( "објесі').міа+ћ = '100рх' 
5( '"објесі').һеірһ = '100рх' 
5('"објесі').баскегоипа = '#еее' 
$('об]есе').со1ог = 'БЛие' 
5('објесі').Ғопёѕіле = '15р*' 
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5('"објесі').ҒопЕҒаті1у = 'Не1уе1са' 
5('објесі').Ғопёѕ+уІе = '14а11с' 
</ѕсгірё> 
</боау> 
</ћт1> 


% Обращение к свойствам С55 Ж 
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Рис. 20.1. Изменение стилей из ЈауаЅсгірё 


От такого изменения свойств нет никакой практической пользы, поскольку можно 
так же легко включить код С$5 непосредственно в атрибуты элемента, но скоро мы 
будем изменять свойства в ответ на действия пользователя, вот тогда и проявится 
настоящая эффективность сочетания ЈауаЅсгірё и СЅ5. 


Другие свойства 


Јауабсгірё также открывает доступ к очень широкому диапазону других свойств, 
таких как ширина и высота окна браузера и любых появляющихся или присут- 
ствующих в браузере окон или фреймов, и к такой полезной информации, как 
родительское окно (если таковое имеется) и история ОКІ-адресов, по которым 
осуществлялись визиты в текущем сеансе. 


Все эти свойства доступны из объекта м1 пдом через оператор «точка» (.) (например, 
міпаом.пате). В табл. 20.1 перечислены все эти свойства с описаниями. 


Таблица 20.1. Свойства объекта уіпаом 





Свойство Устанавливает и (или) возвращает 





сІоѕеа Возвращает булево значение, показывающее, было ли закрыто окно 





ея (аси | Устанавливает или возвращает исходный текст панели состояния окна 
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Свойство Устанавливает и (или) возвращает 

Чоситепе Возвращает объект документа для окна 

Кате етепе | Возвращает элемент Игате, в который вставлено текущее окно 

Катез Возвращает массив, состоящий из всех фреймов и 1-фреймов окна 

Ь1$6огу Возвращает для окна объект истории 

іппегНеіећ Устанавливает или возвращает внутреннюю высоту области содержимого 
окна 

іппегӯ/іаєћ Устанавливает или возвращает внутреннюю ширину области содержимого 
окна 

Іепеёћ Возвращает количество фреймов и і-фреймов окна 

ІосаІЅсогаве | Позволяет сохранять пары «ключ — значение» в браузере 

1осайоп Возвращает местоположение объекта в окне 

пате Устанавливает или возвращает имя окна 

пауівасог Возвращает для окна объект-навигатор 

орепег Возвращает ссылку на то окно, из которого было создано данное окно 

оисегНеіеће Устанавливает или возвращает внешнюю высоту окна, включая панель 
инструментов и полосу прокрутки 

оисетУуіасћ Устанавливает или возвращает внешнюю ширину окна, включая панель 
инструментов и полосу прокрутки 

разеХОЁзеё | Возвращает количество пикселов, на которое был горизонтально прокручен 
документ от левого края окна 

разеУОЁ зе Возвращает количество пикселов, на которое был вертикально прокручен 
документ от верхнего края окна 

рагеп Возвращает для окна объект родительского окна 

ѕсгееп Возвращает для окна объект экрана 

зсгеепГеЁ Возвращает координату х окна относительно экрана во всех последних 
браузерах, кроме МохШа Еігеѓох (для которого нужно использовать зсгеепХ)) 

ѕсгеепТор Возвращает координату у окна относительно экрана во всех последних 
браузерах, кроме МохШа Еігеѓох (для которого нужно применять ѕсгеепҮ) 

ѕсгеепХ Возвращает координату х окна относительно экрана во всех последних 
браузерах, кроме Орега, который возвращает неправильное значение; 
не поддерживается в версиях Гбегпеё ЕхрІогег, предшествующих версии 9 

зсгеепУ Возвращает координату у окна относительно экрана во всех последних 
браузерах, кроме Орега, который возвращает неправильное значение; 
не поддерживается в версиях Гбегпеё ЕхрІогег, предшествующих версии 9 

ѕеѕѕіопЅќогаве | Позволяет сохранять пары «ключ — значение» в веб-браузере 

зе Возвращает текущее окно 

ѕасиѕ Устанавливает или возвращает текст на панели состояния окна 








сор 








Возвращает верхнее окно браузера 
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У некоторых из этих свойств есть следующие особенности. 


О Свойства аефаи14$+афи$ и ѕаёиѕ могут быть установлены, только если поль- 
зователи изменили настройки своих браузеров и разрешили их применение 
(что маловероятно). 





О Содержимое объекта һіѕ+огу не может быть прочитано (поэтому нельзя по- 
смотреть, какие адреса посещались вашими визитерами), но этот объект под- 
держивает свойство Іепе+һћ, чтобы определить длину истории, а также методы 
баск, Ғогмага и во для переходов на указанные страницы в истории. 


О Когда нужно узнать, какое пространство доступно в текущем окне браузера, сле- 
дует просто прочитать значения свойств міпаом.іппегНеірћ и м1 пдош. іппегиіаёпћ. 
Я часто использую эти значения для размещения появляющихся в окне браузера 
диалоговых окон оповещения и подтверждения по центру. 


СО Объект 5сгееп поддерживает свойства, доступные только для чтения, — 
ауаі1Неірһ, ауаїі1міа+ћ, сої1огрерёпћ, һеіғһ, р1хе1Оереи и міа+ћһ, поэтому от- 
лично подходит для извлечения информации о дисплее пользователя. 


о Мо7Ша Еігеѓох не поддерживает свойства ѕсгеепіе#+ и ѕсгеептТор. Вместо них 
для этого браузера следует использовать свойства зсгеепх и зсгеепу. 





Многие из этих свойств могут быть просто бесценными при позиционировании 
на мобильных телефонах и планшетных устройствах, поскольку дадут точную 
информацию об экранном пространстве, с которым придется работать, о типе 
используемого браузера и т. д. 








Этого объема информации вполне достаточно для начала работы и для получе- 
ния представления о многих новых и интересных приемах работы с ЈауаЅсгірі. 
Разумеется, существует намного больше доступных свойств и методов, которые 
могли бы быть рассмотрены в данной главе. Но теперь, когда вы знаете о том, как 
обращаться к свойствам и использовать их, вам нужен лишь информационный 
ресурс, на котором все они перечислены. Я рекомендую для начала обратиться 
к сайту Һ&р://мумү.јамаѕсгірікіє.сот/аӢотгеғ/іпаех.5Һті. 


Встроенный Јауабсгірі 


Использование тегов <ѕсгірё> не единственный способ выполнения инструкций 
Лауазст!ре. Получить доступ к Јауа$Ѕсгірё можно также из тегов НТМТ, что и дела- 
ется для повышения динамической интерактивности. 


Например, для быстрого добавления эффекта при прохождении указателя мыши 
над объектом можно воспользоваться таким же кодом, который показан в теге 
<1тв> в примере 20.6. Там изначально отображается картинка с яблоком, которая 


Встроенный ЈауаЅсгірї 531 





при прохождении над ней указателя мыши заменяется картинкой с апельсином 
(а при выходе указателя за пределы картинки возвращается картинка с яблоком). 


Пример 20.6. Использование встроенного ЈауаЅсгірі 


<!БОСТУРЕ һётм1> 
<һЕм1> 
<һеаа»> 
<{1{1е>Встроенный Јамаѕсгірі</&і+1е» 
</һеаа> 
<Боду> 
<іте згс='арр1е.рпё" 
оптоизеоуег=" {11$ . ѕгс= 'огапре.рпе 
оптои$еоц*=" {1$ .5згс='арр1е.рпё'"> 
</боау> 
</ћЕт1> 


Ключевое слово {15 


В предыдущем примере вы можете увидеть применение ключевого слова +115. 
Оно заставляет ЈауаЅсгірё работать с названным объектом, а именно с тегом <1тв>. 
Результат можно увидеть на рис. 20.2, где указатель мыши только что прошел над 
картинкой с яблоком. 


СЄ Встроенный ЈамаЅскірі 





(<) э а | ® Іосаіћоѕ+/2! .. 9» 


Б. 











Рис. 20.2. Пример встроенного кода Јауабсгіріё, обрабатывающего прохождение 
указателя мыши над объектом 








Когда ключевое слово 5 находится во встроенном вызове ЈауаЅсгірї, оно пред- 
ставляет вызываемый объект. А при использовании в методах класса оно пред- 
ставляет объект, к которому применяется метод. 
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Привязка событий к объектам в сценарии 


Предыдущий код является эквивалентом предоставления тегу <іте> идентифика- 
тора с последующей привязкой действий к событиям мыши этого тега, как в при- 
мере 20.7. 


Пример 20.7. Невстроенный Зауабсире 


<!БОСТУРЕ һ&т1> 
<Пт1> 
<Пеад> 
<{1{1е>Невстроенный Јауаѕсгірї</+і+1е»> 
<5сг1р $гс='0$С.5'></5сг1ре> 
</Неаа> 
<Боду> 
<іте іа= 'објесї' хгс='арр1е.рпё'> 


<5сг1ре> 
0( 'објесі') .оптоизеомег 
0('објесё').оптоиѕеоиї = Ғипсіоп() { ЕН1$.5гс 
</ѕсгірі» 
</боау> 
</ћт1> 


Ғипсбіоп() { &һіѕ.5гс = 'огапре.рпв' } 
'арр1е.рпё' } 


Этот код применяет ТО объекта к тегу <іте> в блоке НТМТ, а затем продолжает 
работать с ним отдельно в блоке ЈауаЅсгірї, прикрепив к каждому событию безы- 
мянную функцию. 


Прикрепление к другим событиям 


Какой бы ЈауаЅсгірё ни использовался, встроенный или отдельный, существуют 
события, к которым вы можете прикрепить действия. И активизировать тем са- 
мым множество дополнительных функций, которые можете предоставить своим 
пользователям. В табл. 20.2 перечислены эти события и указаны условия их на- 
ступления. 


Таблица 20.2. События и условия их наступления 





























Событие Условие его наступления 

опађогї Загрузка изображения останавливается до ее завершения 
опЫиг Элемент теряет фокус“ 

опсһапве Изменяется любая часть формы 

опсіск Происходит щелчок кнопкой мыши на объекте 
опаЫсісК Происходит двойной щелчок кнопкой мыши на объекте 
опеггог Обнаруживается ошибка ЈауаЅсгірі 

опіосиѕ Элемент получает фокус 
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Событие Условие его наступления 

опкеудо\уп Нажата клавиша (включая ЗВ, А, Се] и Езс) 
опКкеургеѕѕ Нажата клавиша (исключая ЗВ, А, СЕ] и Еѕс) 
опкеуир Клавиша отпущена 

ошоаа Объект загрузился 

оптоцѕеіомт Над элементом нажата кнопка мыши 
оптоцѕетоуе Указатель мыши проходит над элементом 
оптоцѕеои Указатель мыши покидает элемент 
оптоцѕеоуег Указатель мыши заходит на элемент со стороны 
оптоцѕецр Отпускается кнопка мыши 

опгеѕеѓ Сбрасываются данные формы 

опгеѕіле Изменяются размеры окна браузера 

опѕсгоП Документ прокручивается 

опѕиБтіб Отправляется форма 

опз@есе Выделяется какой-нибудь текст 

опишоа4 Удаляется документ 








* Элемент с фокусом — тот, который был выбран или иным образом активизирован, напри- 


мер поле ввода. 

















События нужно прикреплять только к тем объектам, для которых в них имеется 
смысл. Например, объект, не являющийся формой, не будет реагировать на со- 
бытие опѕиБті. 





Добавление новых элементов 


Работая с ]ауаЗст1ре, вы можете манипулировать не только элементами и объ- 
ектами, которые были предоставлены документу его кодом НТМГ. Вы можете 
создавать объекты по своему желанию, вставляя их в РОМ. 


Предположим, к примеру, что вам нужен новый элемент ‹@91\>. Способ добавления 
его к веб-странице показан в примере 20.8. 


Пример 20.8. Вставка элемента в РОМ 


<!БОСТУРЕ һётм1> 


<ћЕм1> 
<һеаа» 


<їі1е>Добавление элементов</+іЁ1е»> 
<ѕсрір згс='0$С.]$'></зсг1ре> 
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</һеаа» 
<Боау> 
В этом документе содержится только этот текст. <6г><Ьг> 


<5сг1рф> 
а1ег{('Для добавления элемента нажмите кнопку ОК’) 


пемаіу аоситеп . сгеаёеЕ1етепі ( '41\') 
пемаіу.іа = '№емріму' 
аоситеп . роу. аррепасһі1а(пемаіу) 


$(пема1\).Бог4ег = ' 5011 1рх геа' 

5(пемаіу).міаєћһ = '100рх' 

5 (пемаіу).һеіеһ+ = '100рх' 

пемаіу.іппегнНтмі = "Это новый объект, вставленный в ром" 
тр = пемаіу.оҒҒѕе+Тор 


а1ег{('Для удаления элемента нажмите кнопку ОК’) 
рподе = пема1у .рагепЕ Моде 
рпоае . гетомесһі1а(пемаіу) 
©тр = рподе.оҒ#ѕеїТор 
</ѕсгірі» 
</Боду> 
</ћЕт1> 


На рис. 20.3 показано, как этот код используется для добавления к веб-документу 
нового <4іу>-элемента. 


• Добавление элементов 


(©) Э Ж О 1осаіһоѕ/2: .. Яя» 





СИСК ОК їо адд ап еіетепі 


0 Ргечепіїћіх раде Гот сгеайто 
айдійопа! Фіаіод= 


Кеад Іосаіһоѕ 


Рис. 20.3. Вставка нового элемента в РОМ 





Сначала новый элемент создается с помощью функции спеаеЕ1етеп+, затем вы- 
зывается функция аррепасһі1а и элемент вставляется в РОМ. 
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После этого элементу присваиваются различные свойства, включая текст для его 
свойства іппегнтмі (внутреннего НТМТ.). А затем, чтобы обеспечить немедленное 
отображение нового элемента на экране, значение его свойства о5е{Тор считы- 
вается во временную переменную тр. Это заставляет ООМ обновиться и вывести 
элемент на экран в любом браузере, который в противном случае выдержал бы 
паузу, прежде чем это сделать. В частности, это касается Іпќегпеї Ехр|огег. 


Этот новый созданный элемент точно такой же, как если бы он был включен в ис- 
ходный НТМГ, и он открывает доступ к аналогичным свойствам и методам. 








Иногда я использую технологию создания новых элементов, когда хочу создать 
окно, появляющееся в окне браузера, потому что она не зависит от наличия за- 
пасных <аіу>-элементов, доступных в РОМ. 








Удаление элементов 


Вы можете также удалить элементы из РОМ, включая те, которые не были вставле- 
ны с помощью кода Јауа$сгірё. Это даже проще, чем добавить элемент. Если предпо- 
ложить, что удаляется объект е1етеп*, то это делается следующим образом: 


е1етеп{ .рагепЕМ№ че . гетомесһі1а(е1етепё) 


Этот код обращается к объекту рагепМ№оде элемента, поэтому он может удалить 
элемент из этого узла. Затем он вызывает метод этого родительского объекта 
гетоуесһі14, передавая ему удаляемый объект. Но чтобы обеспечить немедленное 
обновление ПОМ во всех браузерах, возможно, будет предпочтительнее заменить 
предыдущую инструкцию следующим кодом: 

рпо4е = е1етеп* .рагепЕМоде 


рподе. гетомесһі1а(е1етеп+) 
тр = рподе.оҒҒѕеТор 


Первая инструкция помещает копию е1етеп .рагеп&М№оде (родительского элемента 
объекта) в переменную рподе. Третья инструкция (после того как дочерний элемент 
удаляется второй инструкцией) считывает значение свойства о##ѕе+Тор роди- 
тельского объекта во временную переменную +тр, гарантируя тем самым полное 
обновление РОМ. 


Альтернативы добавлению и удалению элементов 


Вставка элемента предназначена для добавления к веб-странице абсолютно нового 
объекта. Но если вы намерены только скрывать и показывать объекты в соответ- 
ствии с наступлением события оптоизео\уег или какого-нибудь другого события, 
не забудьте, что есть пара свойств С$5, которые могут использоваться для этой цели 
без принятия таких радикальных мер, как создание и удаление элементов РОМ. 
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Например, когда нужно сделать элемент невидимым, но оставить его на месте 
(оставляя на своих местах все окружающие его элементы), можно просто устано- 
вить для свойства \1$16111{у объекта значение 'һідаеп': 


муоб]есф.\1$16111у = 'һіааеп' 
А для повторного отображения объекта можно воспользоваться следующим кодом: 
муоб]есф.\1$16111у = '\15161е' 


Можно также свернуть элемент, чтобы он занимал нулевую ширину и высоту 
(и чтобы все окружающие его объекты заняли освободившееся пространство): 


туобјес+.аіѕр1ау = 'попе' 


Для последующего восстановления элемента в его исходных размерах можно на- 
писать такой код: 


туобјес+.аіѕр1ау = '01оск' 


И конечно же, в вашем распоряжении всегда есть свойство 1ппегнТМЕ, с помощью 
которого можно изменить код НТМГ, примененный к элементу. Например: 


ту1етепё. 1ппегнтмМЕ = '<6>Замена НТМ </6>' 

Можно также воспользоваться упомянутой ранее функцией 0: 
0('ѕотеіа').іппегнтмі = 'Новое содержимое" 

Можно заставить элемент показаться исчезнувшим: 


0(' ѕотеіа').іппеентмі = '' 





Не забывайте обо всех других полезных свойствах С55, к которым можно об- 
ратиться из Замуабсире. Например, для переключения объекта из видимого в не- 
видимое состояние и обратно можно воспользоваться свойством непрозрачности, 
а для изменения размеров объекта можно изменить значения свойств ла 
и һеідһ. И конечно же, применяя для свойства роз юп значения абзо!ще, $аНс, 
Яхеа, ѕііску или геіаїіме, вы можете даже поместить объект в любое место окна 
браузера (или снаружи). 





Использование прерываний 


Јаха$сгірё предоставляет доступ к прерываниям, методу, с помощью которого 
можно попросить браузер вызвать ваш код после определенного периода времени 
или даже продолжать вызовы через указанные интервалы времени. Это дает вам 
средства обработки фоновых задач, таких как обмен данными с помощью АЈАХ, 
или даже такие средства, как анимация веб-элементов. 


Существует два типа прерываний — зе Т1иеои* и зе Тпеег\уа1, сопровождающихся 
функциями с1еагТ1теоц+ и с1еагТифегуа1 для их выключения. 
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Использование функции ѕеЁТітеоиё 


При вызове функции зе Т1теоц{ передается код ЈауаЅсгірё или имя функции 
и значение в миллисекундах, отображающее продолжительность задержки запуска 
кода на выполнение: 


зе{Т1теоц* (аӢоһіѕ, 5000) 
Ваша функция ӣоёһіѕ может иметь следующий вид: 


ФипсЕ1оп Яоһіѕ() 


а1Іегі('Это ваш будильник!'); 


} 








Как ни удивительно, вы не можете просто указать аіегї() (с круглыми скобками) 
в качестве функции, вызываемой ѕеЕТітеоиї, потому что функция будет тут же 
выполнена. Передавать имя функции, чтобы код был выполнен только по ис- 
течении указанного времени, можно только без круглых скобок, служащих для 
указания аргументов (например, аіегї). 








Передача строки 


Если исполняемой функции нужно передать аргумент, то функции зе{Т1меоц* 
можно также передать строковое значение, которое не будет выполняться, пока 
не наступит нужное время. Например: 


зе{Т1теоц* ( "а1егі ( 'Не110о!Тт\ 5000) 


Фактически, если после каждой инструкции ставить точку с запятой, можно пере- 
дать столько строк кода ЈауаЅсгірі, сколько нужно: 


ѕеТітмеоиї+ ("Яаоситеп+.мгі+е('Ѕёагііпв'); а1ег+('Не110!')", 5000) 


Повторение тайм-аутов 


Для предоставления повторяющихся прерываний, создаваемых функцией ѕеЄТітеоиќ, 
некоторые программисты используют технологию вызова функции зе Т1теоц* из 
кода, вызываемого этой же функцией, как в следующем примере, который иници- 
ирует бесконечный цикл вывода окон предупреждений: 


зе{Т1теоц* (аӢоћіѕ, 5000) Ғипсёіоп ЯоЁһ1іѕ() 


{ 


ѕеТітеоиї (4011$, 5000) а1егі('Я вас раздражаю!') 


} 


Теперь окно предупреждения будет появляться каждые 5 с. Я не рекомендую 
вам запускать этот конкретный пример на выполнение (кроме как в целях 
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тестирования), поскольку для остановки его работы вам, скорее всего, придется 
закрывать браузер! 





Еще один вариант предполагает использование рассматриваемой далее функции 
зе мегма!. 








Отмена тайм-аута 


После установки тайм-аута вы можете отменить его, если предварительно сохра- 
нили значение, возвращенное при начальном вызове функции ѕеЁТітеоиї: 


һапд1е = зе{Т1теоиц* (аӢоһіѕ, 5000) 


Теперь, когда у вас есть это значение в переменной папд1е, вы можете отменить 
прерывание в любой момент, вплоть до истечения назначенного срока: 


с1еагТ1теоц* (Папа1е) 


В результате этого прерывание полностью забывается и код, назначенный ему для 
выполнения, никогда не выполняется. 


Функция ѕеЧпќегуаі 


Самый простой способ установки регулярных прерываний заключается в исполь- 
зовании функции ѕеІпёегуа1. Она работает точно так же, как и описанная выше, 
за исключением того, что, проявив себя после интервала, заданного вами в милли- 
секундах, она сделает это снова, после того как этот же интервал снова пройдет, 
и так до бесконечности, пока вы ее не остановите. 


В примере 20.9 эта функция используется для вывода в браузере простых часов, 
показанных на рис. 20.4. 


Пример 20.9. Часы, созданные с помощью прерываний 


<1рОСТҮРЕ һ&т1> 
<һЕт1> 
<һеад> 
<{1{1е>Использование ѕеёІпёегуа1</+іЁ1е> 
<5сгірЄ ѕрс='05С.ј5'>›</5сгірі> 
</Неаа> 
<Боау> 
Текущее время: <ѕрап іа= '+іте' >00:00:00< /зрап><6г> 


<5сг1рф> 
ѕеёІпегуа1( "ѕһолёіте(0('імте'))", 1000) 


Ғипсіоп ѕһол&іте (објес+) 
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{ 
\уаг ате = пем ра+е() 
објесі.іппегнНтмі = дае. ёоТітеѕёгіпе() . ѕибѕ&г (0,8) 
} 
</ѕсгірё> 
</боау> 
</ћЕм1> 


^ 
А? Использование зеЧиегиа! 


(=) > С О осаіһоѕі/2 9 ў» 








Текущее время: 11:21:36 








Рис. 20.4. Поддержка показаний правильного времени 
с помощью прерываний 


При каждом вызове функции ѕһомТіте она присваивает объекту да+е текущее 
время и дату с помощью вызова функции раќе: 


уаг ате = пем ра+е() 


Затем свойству іппегнтмі объекта, переданного функции ѕһомёіте (то есть објес+), 
присваивается значение текущего времени в часах, минутах и секундах, как опреде- 
лено вызовом функции +оТітеѕёгіпе. В результате возвращается строка 69:57:17 
утс+05360, которая затем усекается до первых восьми символов с помощью вызова 
функции зи6$*г: 


објесі.іппегнтмі = дае. ёоТітеѕ+гіпе() . ѕирѕ+г (0.8) 


Использование функции 


Чтобы воспользоваться этой функцией, сначала нужно создать объект, чье свой- 
ство іппегнтмі будет применено для отображения времени, как в следующем 
коде НТМГ: 


Текущее время: <ѕрап іа= '+іте'>00:00:00</ѕрап> 


Затем в блоке кода <ѕспірї> вызовите функцию ѕеІпёегуа1: 


ѕеїІпёегуа1(" ѕһолёіте(0( 'Еіме'))", 1000) 
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Затем сценарий передает функции зе Тп%егуа1 строку, содержащую следующую 
инструкцию, настроенную на выполнение один раз в секунду (каждые 1000 мс): 


ѕһомёіте (0('%1те')) 


В том редком случае, когда кто-нибудь отключил в своем браузере ЈауаЅсгірі (что 
некоторые делают из соображений безопасности), ваш ЈауаЅсгірі не запустится 
и пользователь просто увидит исходное значение 00:00:00. 


Отмена интервала 


Чтобы остановить повторяющийся интервал, при первой установке интервала 
путем вызова функции ѕеїІпїегуа1 вы должны пометить для себя в переменной 
һапа1е дескриптор этого интервала: 


һапд1е = ѕеЁІпегуа1("ѕһомёіте(0('©іте'))", 1000) 


Теперь можно остановить часы в любое время, сделав следующий вызов: 


с1еагІпёегуа1(һапа1е) 


Можно также настроить таймер на остановку через определенный период времени: 


ѕеЕТітеоиї ("с1еагІпёегуа1(һапа1е)", 10000) 


Эта инструкция выдаст прерывание через 10 с (10 000 мс), которое очистит по- 
вторяющиеся интервалы. 


Использование прерываний для анимации 


Путем сочетания нескольких свойств С55 с повторяющимся прерыванием можно 
создавать всевозможные анимации и эффекты. 


Код в примере 20.10 перемещает прямоугольник по верхней части окна браузера, 
все время увеличивая его в размерах (рис. 20.5). Когда значение переменной ІЕЕТ 
сбрасывается в @, анимация начинается снова. 


Пример 20.10. Простая анимация 


<1рОСТҮРЕ һ&т1> 
<һЕт1> 
<Пеад> 
<{1{1е>Простая анимация</+1*1е> 
<5СГ1рф $гс='0$С.5'></5сг1ре> 
<5{$у1е> 
#рох { 
роѕітіоп :абѕо1и+е; 
баскегоипа: огапее; 
Богаег :1рх $0114 геа; } 
</5+у1е» 
</Неаа> 
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<Боду> 
<аіу 14='Бох' ></41\> 


<$сг1ре> 
ЅІЈЕ = 1ЕЕТ = е 


ѕеїІпёегуа1(апітаёе, 30) 


Ғипсёіоп апіта+е() 


{ 
ЅІХЕ += 10 
ЕРТ += 3 
14 (517Е == 200) 517Е = 0 
ЇЕ (1ЕЕТ == 600) ІЕҒТ = @ 
5('бох').міаєћ = 517Е + 'рх' 
5('бох').һеівһі = 517Е + 'рх' 
$('Бох').1е Е = 1ЕРТ + 'рх' 

} 

</ѕсгірі> 
</боау> 
</ћЕт1> 


<? Простая анимация 


(>) Э (Ф! | @ 1осаіһоѕ/20/ехатр! 9 ў 








Рис. 20.5. Объект плавно движется слева, одновременно меняя свой размер 


В блоке <һеаа»> документа объекту бох устанавливается цвет фона огапве (оранже- 
вый) со значением его границы (Богаег) 1рх $0114 геа, а его свойству позициони- 
рования роѕі+іоп задается значение абѕо1и+е, и следующий далее код анимации 
может точно задавать ему позицию в соответствии с вашими желаниями. 


Затем в функции апіта+е происходит постоянное обновление глобальных перемен- 
ных $17Е и ГЕЕТ, а их значения применяются к атрибутам стиля міаєћ, һеівһ и 1еғҒе 
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объекта Бох (с добавлением после каждого значения строки 'рх' для указания, что 
значение в пикселах), таким образом анимируя объект с частотой один раз каждые 
30 мс. Тем самым задается скорость 33,33 кадра в секунду (1000 / 30 мс). 


1. Для чего предназначены функции 0, $ и С? 

2. Назовите два способа изменения С$$-атрибута объекта. 

3. Какие свойства предоставляют доступную в окне браузера ширину и высоту? 

4. Как можно задать какие-нибудь действия при прохождении указателя мыши 
над объектом, а затем при выходе за границы объекта? 

5. Какая функция Јауа$сгірё создает новые элементы и какая функция добавляет 
ихкрОМ? 
Как сделать элемент а) невидимым и б) сжатым до нулевых размеров? 

7. Какая функция задает одиночное событие в будущем времени? 

8. Какая функция устанавливает повторяющиеся события через указанный ин- 
тервал времени? 

9. Как можно освободить элемент от его места на веб-странице, чтобы он мог пере- 
мещаться? 

10. Какая задержка должна быть установлена между событиями (в миллисекундах) 


для получения скорости анимации 50 кадров в секунду? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Введение в јОџегу 


При всей гибкости и эффективности ЈауаЅсгірі, а также при всем изобилии име- 
ющихся в этом языке встроенных функций все же сохраняется потребность в до- 
полнительных уровнях кода, позволяющих упростить, к примеру, получение 
эффектов анимации, обработку событий и применение технологии асинхронного 
обмена данными, то есть сделать то, чего нельзя достичь применением обычных 
средств ЈауаЅсгірё или С$5. 


Более того, с годами, вследствие различных браузерных войн, то появлялись, то 
исчезали досаждающие и раздражающие несовместимости браузеров, ярко про- 
являвшиеся временами на различных платформах и в программах. 


В результате этого гарантировать одинаковый внешний вид веб-страниц во всех 
устройствах порой можно было, только применяя требовавший утомительной раз- 
работки код ЈауаЅсгірї, учитывающий все расхождения всей линейки браузеров 
и их версий, выпущенных за последние годы. Одним словом, сложилась кошмар- 
ная ситуация. 


Для заполнения пробелов было разработано множество библиотек функций (мно- 
гие из которых также предоставляли легкую привязку к ООМ), предназначенных 
для сведения к минимуму различий между браузерами и для содействия асинхрон- 
ному обмену данными, а также работе с событиями и анимацией. В их число входят 
такие наиболее предпочтительные библиотеки, как Апаи/а1]<, јОиету, МооТоо!5, 
Ргоѓоѓуре, ѕстірѓ.асшо.иѕ и УПТ (существует и множество других библиотек). 


Почему же именно јОиегу? 


В книге выделено место только для одной библиотеки, поэтому я выбрал наиболее 
широко используемую библиотеку ]Опету, которая сегодня, по сведениям Һр:// 
м!Зкеси$.сот, установлена более чем на 73 % сайтов и востребована шире, чем все ее 
конкуренты, вместе взятые (насколько можно судить по диаграммам источника). 
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Кстати, если есть желание посмотреть на столбиковую диаграмму, отображающую 
процентное соотношение востребованности различных библиотек на любой текущий 
момент времени, введите в поисковой строке сайта ѕітіаќесћ.сот слово јамуаѕсгірї. 


Используя }Очету, вы получаете не только кросс-браузерную совместимость весь- 
ма высокого уровня (включая совместимость с Пиегпеё Ехріогег), но и быстрый 
и легкий доступ к операциям с НТМТ и РОМ, возможность использования спе- 
циальных функций для непосредственной работы с С$$, управления событиями, 
мощные средства для создания профессиональных эффектов и анимации, а также 
функции для управления асинхронным обменом данными с сервером. Кроме того, 
]Очегу является основой для широкого круга дополнительных модулей и других 
вспомогательных программ. 


Конечно же, использования јОпегу вам никто не навязывает, и некоторые борцы 
за чистоту языка программирования никогда не используют библиотеку, пред- 
почитая создавать собственные специализированные наборы функций (и в этом 
есть свой резон, например не нужно будет дожидаться, пока другие люди исправят 
замеченные вами недоделки, можно будет разрабатывать собственные средства без- 
опасности и т. д.). Но библиотека јОпегу уже выдержала проверку временем, и если 
вы захотите с пользой потратить время на ее изучение и получить возможность 
делать высококачественные веб-страницы в самые короткие сроки, из этой главы 
вы узнаете, как можно приступить к использованию этой библиотеки. 


Включение јОиегу 


Есть два способа включения јОпегу в ваши веб-страницы. Можно перейти на сайт 
]Очегу (п&рз://соде.ддиегу.сот/даиегу/), выбрать нужную версию, загрузить ее на свой 
веб-сервер и ссылаться на нее из тега <ѕсгір+> в своих НТМТ--файлах. Или же мож- 
но воспользоваться находящейся в свободном доступе сетью доставки контента — 
Сощепё Оеіуегу МебмогК (СОМ) и просто указать ссылку на нужную вам версию. 





]Очегу выпускается в соответствии с условиями МП-лицензии, в которой не со- 
держится практически никаких ограничений на ваши дальнейшие действия. 
Любой проект јОиегу можно свободно использовать в любом другом проекте 
(даже коммерческом) при условии, что заголовок с указанием авторских прав 
останется нетронутым. 








Выбор подходящей версии 


Перед тем как решить, стоит ли загружать јОпегу и использовать ее функции 
непосредственно или же воспользоваться СОМ, нужно выбрать версию јОџегу. 
В большинстве случаев выбор очевиден, поскольку вы просто отдадите предпо- 
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чтение наиболее свежей версии. Но если есть намерение использовать конкретные 
браузеры или же вы поддерживаете устаревший сайт, работа которого зависит от 
определенной версии јОпегу, то последний выпуск этой библиотеки может вам 
не подойти. 


В отличие от большинства других программных средств, для использования ко- 
торых вы просто загружаете и устанавливаете самую новую из доступных версий, 
]Очету со временем совершенствовалась с учетом изменения движущих сил на 
рынке различных версий браузеров с их свойствами и недочетами. 


В то же время в јОпегу вносили различные усовершенствования, которые могли 
изменить работу ее новых версий на тех сайтах, которые были специально адапти- 
рованы под конкретную версию (и под все сопутствующие ей особенности). 


Разумеется, каждая более новая версия является улучшением предыдущей, и веро- 
ятность того, что вносимые усовершенствования коснутся всех основ, постоянно 
возрастает. Но пока вы полностью не протестируете новую версию и не убедитесь 
в том, что операции, играющие важную роль для вашего сайта, выполняются точно 
так же, лучше все же продолжать использовать прежнюю версию. 


Различные разновидности јОиегу 


На данный момент существуют три ветви јОпегу: 1.х, 2.х и З.х, каждая из которых 
разработана для разных сред. 


Версия 1.х была первым стабильным выпуском јОпегу. Этот выпуск поддержи- 
вает устаревшие браузеры, которые даже уже больше не поддерживаются своими 
разработчиками. Если ожидается большой наплыв посетителей с устаревшими 
браузерами, то нужно пользоваться именно этой версией (как уже упоминалось, 
лучшей, наверное, будет версия 1.12). 


С целью повышения общей производительности јОпегу и уменьшения размера 
файла библиотеки в версии 2.х была исключена поддержка Іпќегпеѓ ЕхрІогег 6-8. 
Эта версия быстрее и меньше версии 1.х, но не поддерживает устаревшие бра- 
узеры. Поскольку компания М1сгозой прекратила поддержку М№іпӣоуѕ ХР, мож- 
но с уверенностью предположить, что ваши посетители будут пользоваться 
браузером, совместимым с версией 2.х, если вы не будете располагать иными 
сведениями. 


В общих чертах каждая новая версия јОпегу поддерживает следующие версии 
браузеров: 


О Сһготе: (текущая - 1) и текущая; 
о Еве: (текущая - 1) и текущая; 





о Еігеѓох: (текущая - 1) и текущая; 
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о Іһсегпеѓ Ехрюгет: 9+; 
О Ѕаѓагі: (текущая – 1) и текущая; 





О Орега: текущая. 


Если нужна поддержка устаревших браузеров вроде Пцегпеё ЕхрІогег 6-8, 
Орега 12.1х или Ѕаѓагі 5.1+, разработчики јОпегу рекомендуют воспользоваться 
версией 1.12. Исчерпывающие подробности поддержки различных версий можно 
найти по адресу ћ&р://јдиегу.сот/бгомѕег-ѕиррог{/. В данной редакции книги я оста- 
новился на версии 3.2.1. 


Сжатые или редактируемые 


Нужно также решить, какую версию јОпегу вам хотелось бы использовать: мини- 
мальную по размеру (сжатую, чтобы свести к минимуму требуемую полосу про- 
пускания сети и сократить время загрузки) или несжатую (возможно, по причине 
того, что вам хочется вносить в нее самостоятельные правки, на что вы имеете 
полное право). Как правило, наиболее удачным выбором считается минимальная 
по размеру версия, но большинство веб-серверов поддерживают архиватор 571р, 
позволяющий выполнять сжатие и распаковку на лету, поэтому данный вопрос 
теряет свою актуальность (хотя нужно учесть, что из минимизированной версии, 
кроме всего прочего, удалены все комментарии). 


Загрузка 


На сайте }дачегу.сот/аомтюаа каждая последняя выпущенная версия ]Опету фи- 
гурирует в списке как в сжатой, так и в несжатой форме. Все прошлые выпуски 
можно также найти на веб-сайте Һ№рѕ://сойе.јаиегу.соту/јаиегу/. Облегченные версии 
]Очегу, попадающиеся на странице загрузки, в целях экономии пространства ис- 
ключают функции асинхронного обмена данными, поэтому при необходимости 
применения данной технологии с использованием ]Очегу этих версий следует 
избегать. 


Вам остается всего лишь выбрать нужную версию, щелкнуть правой кнопкой мыши 
на соответствующей ссылке и сохранить версию на своем жестком диске. Оттуда ее 
можно будет выгрузить на ваш веб-сервер, а затем включить в веб-страницу с по- 
мощью <5сг1р&>-тегов примерно таким образом (для минимизированной версии 
выпуска 3.2.1): 


<$сг1рЕ згс=' Ир: //тузегуег. сот/јаиегу-3.2.1.міп.ј5'></ѕсгірїі> 





Если ранее вам не приходилось пользоваться јОиегу (и никаких специальных 
требований на ее счет у вас не имеется), то загружайте минимизированную 
версию или же установите показанную в слеующем разделе СОМ№-ссылку на эту 
библиотеку. 
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Использование сети доставки контента 


Библиотека јОпегу поддерживается несколькими сетями доставки контента (СОМ). 
Если вы пользуетесь одной из них, то можете избавить себя от хлопот, связанных 
с загрузкой новых версий, и выкладывать их на сервер, просто указав прямые 
ссылки на ОКІ-адреса, поддерживаемые этими сетями. 


Ко всему прочему, эти сети предоставляют свои услуги совершенно бесплатно 
и обычно используют каналы с высокой пропускной способностью, которые, воз- 
можно, являются самыми скоростными на свете. Кроме того, СО№-сети обычно 
хранят свой контент в нескольких различных географических пунктах и предостав- 
ляют требуемый файл с ближайшего к вам сервера, гарантируя тем самым наиболее 
быструю из возможных доставку. 


В общем, если вам не нужно вносить изменения в исходный код јОпегу (для чего 
требуется его размещение на ваших собственных веб-серверах) и у ваших пользо- 
вателей гарантированно имеется живое интернет-соединение, то, скорее всего, наи- 
лучшим вариантом будет использование СО№-сетей. Тем более что пользоваться 
ими довольно просто. Достаточно знать имя нужного файла и используемого для 
его загрузки корневого каталога СОМ. Например, все текущие и предыдущие вер- 
сии можно получить через СОМ-сеть, которая используется библиотекой јОпегу, 
с помощью следующего кода: 


<5сг1ре $гс=' Ир: //соде. ]ацегу . сот/јаоегу-3.2.1.тіп.јѕ'></5сгір» 


Основной каталог доступен по адресу Нр://соде.ддиегу.сот/, и за ним следует просто до- 
писать имя нужного для включения файла (в данном случае это јдиегу-3.2.1.тіп.јѕ). 


Библиотеку јОпегу предоставляют в своих сетях как МісгоѕоЌ, так и Соозе, поэтому 
для ее включения можно воспользоваться любым из следующих двух вариантов: 
<5сг1рЕ $гс=' Ир: //а]ах.азрпефсап .сот/а)ах/)Оиегу/) ачегу-3.2.1.м14п.]$'></5сг1ре> 


<5сг1ре $гс=' Ир: //а]ах.в0051еар1$.сот/а)ах/116$/)ачегу/3.2.1/) аиегу.т1т.]$'> 
</5сг1ре> 


В случае использования М!сгозо& СОМ (аѕрпеїсап.сот) в О ВТ.-адресе сначала 
нужно указать основной каталог ајах.аѕрпеёсап. сот/ајах/јдиегу/, аза ним — имя 
требуемого файла. 


Но для Соов1е нужно разбить имя файла (например, јаџегу-3.2.1.тіп.јѕ) на имя 
каталога и имя файла таким вот образом: 3.2.1/јаиегу.тіп.јѕ. А перед этим по- 
ставить строку ајах. воов1еаріѕ. сот/ајах/110ѕ/јачегу/. 








Дополнительным преимуществом применения СОМ-сетей является то, что ими 
пользуется большинство других сайтов, поэтому библиотека јОиегу может уже 
находиться в кэше пользовательского браузера и ее, может быть, даже не при- 
дется доставлять заново. При практически более чем 73%-ной востребованности 
]Оцегу другими сайтами тем самым может быть сэкономлен большой объем ценных 
сетевых ресурсов и времени. 
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Заказная сборка ]Очегу 


Если есть настоятельная необходимость свести объем данных, загружаемых веб- 
страницей, к минимуму, то можно воспользоваться јОпегу, создав специальную 
сборку этой библиотеки, включающую только те функции, которые будут ис- 
пользоваться вашим сайтом. При ее доставке полагаться на СОМ-сеть нельзя, но 
при подобных обстоятельствах вы, наверное, все равно не станете планировать 
использование этой сети. 


Для создания собственной заказной сборки јОпегу нужно зайти на сайт ргојесіѕ.јда.те/ 
]ачегу-Бийдег и выставить флажки возле тех модулей, которые вам нужны, сняв их 
с ненужных модулей. Затем заказная версия ]Опету будет загружена в отдельную 
вкладку или окно, откуда ее можно будет скопировать и вставить в требуемое 
место. 


Синтаксис ]Очегу 


Больше всего людей, ранее незнакомых с ]Оцету, удивляет символ $, который 
действует как фабричный метод јОпегу. Он был выбран из расчета допустимо- 
сти в ЈауаЅсгіре, краткости и отличия от имен обычной переменной, объекта или 
функции (метода). 


Этим символом обозначается вызов функции јОџегу (что также при желании 
можно сделать). Замысел его использования заключается в сохранении краткости 
и приятного внешнего вида кода, а также избавлении от излишнего набора текста 
при каждом обращении к]Оиегу. Кроме того, при виде этого символа другие, ранее 
незнакомые с вашим кодом разработчики сразу же понимают, что в коде использу- 
ется }Опегу (или подобная ей библиотека). 


Простой пример 


В наипростейшем виде обращение к ]Очегу осуществляется набором символа $, за 
которым следуют заключенный в скобки селектор, точка и метод, применяемый 
к выбранному элементу (или элементам). 


Например, для изменения семейства шрифтов всех абзацев на моноширинное 
можно воспользоваться следующей инструкцией: 


$('р').сѕ5('Ғопё-Ғаті1у', 'топоѕрасе') 
А для добавления границы к элементу <сойе»> можно применить такую инструкцию: 


$('соде').сѕ5('богӣег', '1рх $0114 #ааа') 


Взглянем на часть полноценного примера 21.1, где фрагменты, относящиеся к ис- 
пользованию јОпегу, выделены полужирным шрифтом. 
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Пример 21.1. Простой пример применения јОиегу 


<1рОСТҮРЕ Нт1> 
<һЕм1> 
<һеаа»> 
<{11е>Первый пример јдиегу</%1+1е> 
<5сгірїі ѕгс='јаиегу-3.2.1.тіп.јѕ'></5ѕсгірі> 
</һеаа> 
<Боду> 
В ]Очегу в качестве имен функции используются 
либо <соде>$()</со4е>, либо <соде>јдиегу()</сойе>. 
<ѕсгірї» 
$('сойе').сѕ5('богдег', '1рх $0114 #ааа') 
</ѕсгірЕ> 
</боау> 
</ћт1> 


После загрузки этого примера в браузер будет получен результат, показанный 
на рис. 21.1. Разумеется, конкретно эта инструкция просто подменяет собой то, 
что можно сделать с помощью обычного кода С$5$, но я хотел показать синтаксис 
]Очету, поэтому пока не стал ничего усложнять. 








Еще один способ выдачи этой команды заключается в вызове функции јОиегу 
(которая работает точно так же, как и $): 





јдчегу( ' сойе').сѕ5('богаег', '1рх $0114 #ааа') 












а = ш 
7. 
< — С | 0 1осаіһоѕ1/21/ехатріе21-1.Һт 


В јОџегу в качестве имен функции используются либо [3 (}|, либо чеку ()]. 





Ф) Первый пример ]цегу 























Рис. 21.1. Изменение элементов с помощью јОиегу 


Как избежать конфликтов библиотек 


Если наряду с ]Очету используются и другие библиотеки, может оказаться, что 
в них определены собственные функции $. Для решения данной проблемы мож- 
но в отношении этого символа вызвать метод поСоп1ісё, который освобождает 
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этот символ от управляющей функции, позволяя другим библиотекам восполь- 
зоваться им: 


$. поСоп+1ісї() 


После этого для доступа к јОпегу следует вызывать функцию јдиегу. Или же ис- 
пользование символа $ можно подменить именем объекта по вашему выбору: 


34а = $.поСоп+1іс+() 


Теперь в тех местах, где прежде применялся символ $, для вызова ]}Опегу можно 
воспользоваться ключевым словом 34. 





Чтобы отличать объекты јОиегу и отслеживать их отдельно от объектов стан- 
дартных элементов, некоторые разработчики устанавливают символ $ в виде 
префикса перед любым объектом, созданным с помощью јОиегу (что делает их 
похожими на переменные РНР!). 








Селекторы 


После того как вы увидели, насколько просто можно включить јОпегу в веб- 
страницу и обратиться к функциям этой библиотеки, перейдем к рассмотрению 
используемых в ней селекторов, которые (я уверен, что вы будете рады это узнать) 
работают точно так же, как С5$. По сути, их применение является основой работы 
большинства функций јОпегу. 


Вам остается лишь подумать о том, как бы вы оформили стиль одного или несколь- 
ких элементов с применением С55, а затем можете использовать тот же самый 
селектор (или селекторы) для применения операций јОпегу к этим выбранным 
элементам. Это означает, что вы можете воспользоваться селекторами элементов, 
селекторами идентификаторов, селекторами классов и любыми их сочетаниями. 


Метод сѕѕ 


Чтобы объяснить применение селекторов в јОџегу, сначала посмотрим на один 
из более фундаментальных методов јОпету, сѕ5, с помощью которого можно ди- 
намически менять любое свойство С5$. Этому методу передаются два аргумента: 
имя свойства, к которому осуществляется обращение, и значение, которое к этому 
свойству применяется: 


с55('Ғоп-Ғаті1у', 'Агіа1') 


Как будет показано в следующих разделах, сам по себе этот метод применять не- 
возможно, поскольку его нужно использовать в селекторе }Очегу, который выберет 
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один или несколько элементов, чьи свойства должны быть изменены этим методом. 
В следующем примере содержимому всех <р>-элементов предписывается отобра- 
жение с полным выравниванием по ширине: 


$('р').с5ѕ5('Фехё-а1ірп', 'јиѕ+іғҒу') 


Метод сѕѕ можно также использовать для возвращения (а не для установки) вы- 
численного значения, для чего ему предоставляется только имя свойства (а второй 
аргумент опускается). В этом случае возвращается значение первого же соответ- 
ствующего селектору элемента. Например, выполнение следующего кода при- 
ведет к возвращению цвета текста того элемента, чей идентификатор (10) имеет 
значение е1епт, и это значение будет в том же формате, в котором цвет задается при 
применении метода геб: 


со1ог = $('#е1ет').сѕ55('со1ог') 


Следует помнить, что возвращаемое значение является вычисленным. Иными сло- 
вами, | Опегу будет вычислять и возвращать значение, используемое браузером на 
момент вызова метода, а не то исходное значение, которое могло быть присвоено 
свойству посредством таблицы стилей или любым другим способом. 


Следовательно, если текст, к примеру, показан синим цветом, значением, при- 
своенным переменной со1ог в предыдущей инструкции, будет гёб (6, 0, 255), 
даже если цвет изначально был установлен с использованием имени цвета Б1ие 
или с использованием строк шестнадцатеричных чисел #00+ или #0000++. Но это 
вычисленное значение всегда будет в форме, которая может быть снова назначена 
элементу (или любому другому элементу) при использовании в качестве второго 
аргумента метода с$$. 








К любым вычисленным размерам, возвращаемым этим методом, нужно отно- 
ситься осмотрительно, поскольку в зависимости от текущих установок свойства 
рох-ѕігіпд (см. главу 19) они могут быть, а могут и не быть именно тем, что вы 
ожидаете получить. Когда нужно получить или установить значения ширины 
и высоты без учета значения свойства Бох-ѕігіпд, нужно использовать методы 
лай и һеідһё (и родственные им), рассматриваемые в разделе «Изменение раз- 
меров изображения». 














Селектор элемента 


Для выбора элемента, обрабатываемого с помощью јОџегу, нужно просто указать 
его имя внутри круглых скобок, следующих за символом $ (или за именем функции 
јОпегу). Например, если нужно изменить цвет фона всех элементов <61оскдио*е>, 
можно воспользоваться следующей инструкцией: 


$ ( 'о1оскаио+е'). сѕ5('баскргоипа', '11те') 
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Селектор идентификатора 


Ссылаться на элементы можно также по их идентификаторам (10), если перед 
именем идентификатора поместить символ #. Следовательно, чтобы, к примеру, 
добавить границу к элементу с идентификатором адумег+, можно воспользоваться 
такой инструкцией: 


$( '#аауегї').сѕ5('богаег', 'Зрх Яаѕһеа геа') 


Селектор класса 


Можно также воздействовать на группу элементов в соответствии с используемым 
ею классом. Например, для подчеркивания всех элементов, применяющих класс 
пем, можно воспользоваться следующей инструкцией: 


$('.пем').с5$ ( 'Еех&-десога{1оп', 'ипаег1іпе') 


Сочетание селекторов 


Как и при использовании С$$, селекторы можно сочетать друг с другом, составляя 
единый јОпџегу-выбор, для чего, как в следующем примере, применяются запятые: 


$( 'Ь1оскаио+е, #а4уеге, .пем').сѕ5(' Ғопі-меієһе', 'Бо1а’) 


В примере 21.2 все типы селекторов собраны вместе, а инструкции ]Очегу вы- 
делены полужирным шрифтом. Результат выполнения кода примера показан на 


рис. 21.2. 


Пример 21.2. Использование }Очегу с различными селекторами 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<һеад> 
<{1{1е>Второй пример Јјдиегу</%1+1е> 
<5сг1рф згс=')ацчегу-3.2.1.т1п.]$'></5$сг1ре> 
</Неаа> 
<Боау> 
<61оскаио+е> При всей гибкости и эффективности Јамаѕсгірі, а также 
при всем изобилии имеющихся в этом языке встроенных функций все же 
сохраняется потребность в дополнительных уровнях кода, позволяющих 
упростить, к примеру, получение эффектов анимации, обработку событий 
и применение технологии асинхронного обмена данными, то есть сделать 
то, чего нельзя достичь применением обычных средств Зама$сг1 ре 
или С55 .</Б1оскаио*е> 
<аіу 14='адуег*' >Это реклама</а1\> 
<р>Это мой <ѕрап с1а$$='пем' >новый</зрап> сайт</р> 
<5сг1рф> 
$('Б1оскаиоте').с$$ ('Баскёгоипа', '11те') 
$('#аймегі').сѕ5('Богӣег', 'Зрх ааѕһеа геӣ') 
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$('.пем').с$$ ( '+ех{-десога1опт', 'ипӣег1іпе') 
$('Б1оскаиофе, #аЧ\уеге, .пем').сѕ5(' Ғопё-меірһі', 'Бо1а') 
</5сг1ре> 
</боау> 
</ћт1> 
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К Второй пример јОиегу 
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При всей гибкости и эффективности Јауа$ сгірё, а также при всем изобилии 
имеющихся в этом языке встроенных функций все же сохраняется 
потребность в дополнительных уровнях кода, позволяющих упростить, к 
примеру, получение эффектов анимации, обработку событий и применение 
технологии асинхронного обмена данными, то есть сделать то, чего нельзя 
достичь применением обычных средств Јатуа$сгірі или С55. 










---- == ==... 


к) 
кто реклама 
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Это мой новый сайт 








Рис. 21.2. Воздействие сразу на несколько элементов 


Обработка событий 


Если бы библиотека јОпегу умела только подменять С$8-стили, толку от нее 
было бы маловато, и она, конечно же, способна на гораздо большее. Продолжим 
исследование и посмотрим, как она обрабатывает события. 


Как вы, наверное, помните, большинство событий инициируется действиями 
пользователя: при прохождении указателя мыши над элементом, щелчке кнопкой 
мыши или нажатии клавиши. Но существуют и другие события, которые могут 
инициироваться, к примеру, по завершении загрузки документа. 


Прикрепить ваш собственный код к этим событиям с помощью јОпегу не соста- 
вит труда, причем сделано это будет безопасным способом, не блокирующим для 
другого кода получение такого же доступа к этим событиям. Вот, к примеру, как 
можно заставить код ]Опегу откликнуться на щелчок на элементе: 


$("#с1іскте').с1іск(Ғипсёіоп() 


$ ( '"#геѕи1+').ҺЕм1('Үои с1іскеа +һе би++оп!') 
}) 
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Когда будет сделан щелчок на элементе с идентификатором с1іскте, свойство 
1ппегНТМЕ элемента со значением ТО, равным геѕи1+, будет обновлено с использо- 
ванием јОпегу-функции һёт1. 





Объекты јОиегу, созданные с помощью метода $ либо метода јОиегу, не являются 
аналогами объектов ЈауаЅсгірі, созданных с помощью деѓЕіетепќВу1а. В обычном 
коде Јауабсгірї можно использовать такие инструкции, как ођјесі = аӢоситепї. 
деЕетеп{Ву1а(‘гези!!), за которыми, к примеру, следует инструкция објесї. 
іппегНтТмі = 'ѕотеїћіпд'. Но в предыдущем примере код $('#гези') .ппегНТМЕ 
работать не будет, поскольку іппегНТМІ не является свойством объекта јОиегу. 
Следовательно, для достижения требуемого результата нужно использовать 
]Очегу-метод Пт. 








Конкретизация замысла, результат которой можно увидеть на рис. 21.3, показана 
в примере 21.3. 


(=) у а | @ оса! 








Нажми меня 


Вы нажали кнопку! 








Рис. 21.3. Обработка события сііск 


Пример 21.3. Обработка события 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<һеаа> 
<{1{1е>События )Оиегу</+11е> 
<5сгір згс=')ацчегу-3.2.1.т14п.]$'></5$сг1ре> 
</Неаа> 
<Боду> 
<риї+оп іа= 'с1іскте'>Нажми меня< /биёоп> 
<р їід='геѕи1Є'>Я - абзац</р> 
<5сг1ре> 
$ ("#с1іскте'). с1іск(Ғипс+іоп() 


$('#гези1{').ПЕт1('Вы нажали кнопку!') 
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р) 
</ѕсгірё> 
</боау> 
</ћЕт1> 








При обращении к событию с помощью јОиегу префикс оп-, который нужно ис- 
пользовать в стандартном ЈауаЅсгірї, следует опустить. Поэтому, к примеру, на- 
звание события опточзеоуег превращается в јОиегу в имя функции тоиѕеомег, 
опсііск приобретает вид сііск и т. д. 














Ожидание готовности документа 


Поскольку тому, что достигается средствами јОпегу, мы во многом обязаны весь- 
ма тесной связи этой библиотеки с объектной моделью документа — РОМ, вам, 
прежде чем воздействовать на какие-либо части страницы, скорее всего, придется 
дождаться ее загрузки. Без јОпџегу это может быть выполнено с помощью события 
оп1оаа, но есть более эффективный кросс-браузерный јОпегу-метод под названием 
геаду, который можно вызвать для включения в работу в самый ранний из возмож- 
ных моментов времени, даже раньше, чем наступит событие оп1оаа. Это означает, 
что јОпегу может начать работать на странице намного быстрее и с минимальными 
задержками для пользователя. 


Чтобы воспользоваться этой возможностью, поместите свой код јОпегу внутрь 
следующей структуры: 


$('аоситепе').геаду (Фипс1оп() 


{ 


// Сюда нужно поместить ваш код 


р) 


Теперь код будет ждать готовности документа и только после этого будет вызван 
методом геаау. На самом деле можно набрать еще меньший объем кода и восполь- 
зоваться более краткой версией, показанной в примере 21.4. 


Пример 21.4. Наименьший по объему код охватывающей функции, запускаемой по готовности 
документа (своеобразный аналог метода геайу) 


$ (Ғипс+іоп() 
{ 


// Сюда нужно поместить ваш код 


р) 


Если выработать привычку помещения своих јОпегу-инструкций в одну из этих 
двух структур, то не придется сталкиваться с тем типом ошибок, которые могут 
выдаваться при попытке слишком раннего обращения к РОМ. 
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Можно использовать альтернативный подход: помещать код ЈауаЅсгіріё в конец 
каждой НТМЕ-страницы, чтобы он выполнялся только после загрузки всего до- 
кумента. Есть и менее существенное преимущество: поскольку приоритет в за- 
грузке отдается содержимому веб-страницы, у пользователя от работы с такой 
страницей складывается более благоприятное впечатление. 











Единственная ситуация, при которой размещение сценариев в самом конце 
страницы может вызвать возражение, связана с тем, что документ выглядит 
как готовый к работе, но фактически он к ней еще не готов, или с тем, что все 
внешние таблицы стилей еще не загружены (реально определить это можно 
только тестированием), что вводит пользователей в заблуждение относительно 
возможности работы с документом до того, как к этому будет готов ваш сцена- 
рий. В таких случаях применяйте функцию геаду, и все будет в порядке. Если же 
у вас есть сомнения, поместите свой сценарий в конец страницы и поместите 
его }Очегу-вызовы в функцию геаду, и тогда возьмете все самое лучшее от обо- 
их вариантов. 





Функции и свойства событий 


До сих пор был показан только метод события геаау, но в ]Очегу имеется несколько 
десятков методов событий и связанных с событиями свойств, к которым можно 
обратиться (их так много, что подробно рассмотреть здесь весь арсенал не пред- 
ставляется возможным). Но рассматриваемые далее функции и свойства относятся 
к наиболее востребованным и позволят вам начать их использовать в большинстве 
проектов. Всестороннее описание всех доступных событий можно найти на сайте 
арі.јаиегу.сот/саќедогу/еуепїѕ. 


События Биг и Ёосиѕ 


Событие Ь1иг инициируется, когда фокус убирается с элемента, заставляя этот 
элемент выглядеть потерявшим фокус, и оно является хорошим партнером для 
события Ғосиѕ. Для добавления обработчика к событию могут использоваться ме- 
тоды Б1иг и #осиѕ. Если же в круглых скобках при вызове метода будут опущены 
все аргументы, он будут инициировать событие. 


В примере 21.5 показаны четыре поля ввода, и первое из них благодаря вызову ме- 
тода Ғосиѕ, применяемого к элементу с идентификатором +1г5$*, сразу же получает 
фокус. Затем ко всем элементам 1при* добавляются два обработчика. Обработчик 
события #осиѕ устанавливает для этих элементов желтый фон, когда они получают 
фокус, а обработчик события Б1иг устанавливает для них светло-серый фон, когда 
фокус с них убирается (у них теряется). 


Пример 21.5. Использование событий Фосиз и Биг 


<!БОСТУРЕ һЕт1> 
<ћём1> 
<Неаа> 
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<{1{1е>События: Б1иг</{11е> 
<$сг1рЕ ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5ѕсгірі> 
</һеаа> 
<Боду> 
<В2>Щелкните в пределах и за пределами этих полей</һћ2> 
<1приф 19='4Е1г5{'> <іприё»><іприё»> <‹1приф> 
<ѕсгірі» 
Ф('#Ғіг51').Ғосиѕ() 
$('іприЄ').Ғосиѕ (Ғипсёіоп() { %(6һ1і5).сѕ5('баскегоипа', '##ғ0') } ) 
$('іприе') .Б1ие(Ғипсёіоп() { %(6һ15).сѕ5('баскегоипа', '#ааа') } ) 
</ѕсгірЕ> 
</боау> 
</ћт1> 








Между закрывающей скобкой метода и оператором-точкой, используемым для 
прикрепления к нему еще одного метода, разрешается включать пробельные 
символы (и после точки тоже), что я и сделал в предыдущем примере, чтобы вы- 
ровнять по правому краю имена событий осиз и Ыиг находящиеся друг под 
другом, чтобы все остальные части инструкций также выстроились в столбец. 








На рис. 21.4 показано, как с помощью этого кода любым полям ввода, у которых 
когда-либо был фокус, придается светло-серый цвет фона. Если у одного из полей 
в данный момент имеется фокус, цвет его фона становится желтым, а непосещен- 
ные поля по-прежнему имеют белый цвет фона. 


К? События: Биг 


(©) э а | @ Іосаіһ 








Щелкните в пределах и за 
пределами этих полей 


Падала | Е | 
ЛШ 








Рис. 21.4. Прикрепление обработчиков к событиям Биг и сих 
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Ключевое слово {15 


Этот пример также служит иллюстрацией применения ключевого слова 11$. 
При вызове события объекту Н15 передается элемент, в отношении которого это 
событие было инициировано, и теперь этот объект может быть передан методу $ 
для обработки. Или же, поскольку он является стандартным объектом ЈауаЅсгірї 
(а не объектом јОпегу), он может быть использован в качестве такого объекта. 
Поэтому, если хотите, можете заменить следующий код: 


$(һ15).сѕ5('баскргоипа', '#++9’) 


ВОТ ЭТИМ КОДОМ: 


һі5. ѕ+у1е.баскегоипа = '#++9' 


События сііск и абБісііск 


Событие с1іск ранее уже рассматривалось, но есть также событие, предназна- 
ченное для обработки двойных щелчков. Чтобы воспользоваться любым из них, 
нужно прикрепить метод события к селектору јОпегу, а в качестве его аргумента 
предоставить јОпегу-метод, который будет запущен, когда это событие произойдет: 


$('.тус1а$$') .с1іск( Ғипсёіоп() { $(һ15).511аеур() }) 
$('.тус1аѕ5').аб1с1іск( ФипсЕ1опт() { %(+һіѕ).һіде() }) 


Здесь я решил использовать безымянные функции, но при желании вместо них 
можно воспользоваться функциями с именами (но не забудьте, что предоставить 
нужно только имя функции без круглых скобок, в противном случае она будет 
вызвана несвоевременно). Объекту 115 будет передано то, что и ожидалось, и он 
станет доступен именованной функции: 


$('.тус1а$$').с11сК(40$114е) 
ФипсЕ1оп 40$11ае() 


$(6һіѕ).51іде0р() 
} 


Подробное описание методов ѕ1ійеџр и һійе дается в разделе «Специальные эф- 
фекты» данной главы. А сейчас просто попробуйте запустить код примера 21.6 
и сделайте одинарный либо двойной щелчок на кнопках, чтобы посмотреть, как 
одни из них исчезают с применением анимации (при использовании $114е1р), 
а другие просто исчезают (при использовании һіде). Результат работы кода по- 
казан нарис. 21.5. 


Пример 21.6. Прикрепления к событиям сііск и аБісііск 


<!БОСТУРЕ һЕт1> 
<ћём1> 
<Неаа> 
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<{1{1е>События: с1іск и 961с11сК</{1%1е> 
<$сг1рЕ ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5ѕсгірі> 
</Неаа> 
<Боду> 
<һ2»Сделайте на кнопках одинарный и двойной щелчок</Н2> 
<БиЕфоп с1аѕ5=' тус1аѕ5' >Кнопка 1</Биоп> 
<БиЕфоп с1аѕ5=' тус1аѕ5' >Кнопка 2</Биоп> 
<БиЕфоп с1аѕ5=' тус1аѕ5' >Кнопка 3</Биоп> 
<БиЕфоп с1аѕ5=' тус1аѕ5' Кнопка 4</Биоп> 
<Биефоп с1аѕ5=' тус1аѕ5' Кнопка 5</Биоп> 
<ѕсгірі» 
$('.мус1аѕ5').с1іск( Ғипсёіоп() { $(411$).$11аеур() }) 
$('.мус1аѕ5').а61с1іск( Ғипсёіоп() { $(&һ15ѕ).һіде() }) 
</ѕсгірё> 
</боау> 
</ћЕм1> 













&? События: сііск и аЫсііск 










9 ў» = 





(6) ә б | (@) Іосаіһоѕ%/21/еха! 





Сделайте на кнопках одинарный и 
двойной щелчок 





Рис. 21.5. На кнопке З был сделан одинарный щелчок, и она ускользнула вверх 


Событие Ккеургеѕѕ 


Периодически возникает потребность в более тщательном контроле работы пользо- 
вателя на клавиатуре, в особенности при обработке сложных форм или написании 
игр. В таких случаях можно воспользоваться методом Кеургеѕѕ, который может 
быть прикреплен к любому элементу, воспринимающему клавиатурный ввод, на- 
пример к полю ввода или даже самому документу. 


В примере 21.7 метод прикреплен к документу, чтобы перехватывать все нажатия 
клавиш, и результат его запуска показан на рис. 21.6. 
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Пример 21.7. Перехват нажатия клавиш 


<!РОСТУРЕ һҺЕт1> 
<ћт1> 
<һеаа> 
<{1{1е>События: Кеургеѕ5</&1+1е» 
<5сгір ѕрс='јдиегу-3.2.1.тіп.ј5'></5сгірі> 
</һеаа» 
<Боду> 
<|2>Нажмите какие-нибудь клавиши< /һ2> 
<аіу 14='гези1*' ></а91\> 
<5сг1ре> 
$ (аоситеп+) .Кеурге$$ (Ғипсёіоп(еуепё) 


{ 
Кеу = Ѕігіпе. ҒготСһагСоЯе(емеп+.мһісһ) 


1+ (Кеу >= 'а' && Кеу <= '2' || 
Кеу >= 'А' && Кеу <= '2' || 
Кеу >= '0' && Кеу <= '9') 
{ 
$('#геѕи1+').һём1('Вы нажали: ' + Кеу) еуеп+.ргемепере+аи1+() 
} 
}) 
</5сг1ре> 

</боау> 
</ћём1> 


К? События: Кеургезѕ 


< 
о © Ф Іосаіһоѕ /2 ... 9 т » 








Нажмите какие-нибудь клавиши 


Вы нажали: 4 











| 


Рис. 21.6. Обработка событий нажатия клавиш 


В этом примере следует обратить внимание на ряд особенностей, которые нужно 
учитывать при написании собственных обработчиков действий на клавиатуре. 
К примеру, поскольку браузеры возвращают для этого события разные значения, 
свойство мћісћһ объекта ееп нормализуется библиотекой јОпџегу, чтобы все брау- 
зеры возвращали одни и те же коды символов. Это делается для того, чтобы можно 
было определить, какая клавиша была нажата. 
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Но значение в свойстве мһісћ, будучи кодом символа, является числом, которое можно 
превратить в отдельную букву, пропустив его через код 5г1пв .ФгомСпагСоае. Вам это- 
го делать не нужно, поскольку вы легко можете в своем коде откликаться на АЗСП- 
значения. Но данный метод пригодится, когда нужно будет работать с символами. 


Когда в блоке 1+ нажатая клавиша будет распознана, код примера вставляет для 
производства соответствующего эффекта простую инструкцию в свойство 1ппегНтМЕ 
элемента <аіу>, у которого имеется идентификатор (10) со значением гези1*. 








Это тот самый пример, в котором не следует использовать функцию аоситеп. 
уге, поскольку на момент нажатия клавиши пользователем документ должен 
быть полностью загружен. Если аоситепї.мгіќе будет вызван для показа инфор- 
мации до того, как это произойдет, будет стерт весь документ. При таких обсто- 
ятельствах, как объяснялось в разделе «О функции доситепё. ме» главы 13, 
лучше ввести запись в НТМЁ-элемент, то есть воспользоваться неразрушающим 
способом предоставления пользователю обратной связи. 














Деликатное программирование 


Ожидая пользовательского ввода, нужно решить, на какие значения следует откли- 
каться, после чего игнорировать все остальные значения на тот случай, если к ним 
должен получить доступ какой-нибудь другой обработчик событий. Это будет 
примером деликатности, проявляемой по отношению к любой другой полезной 
программе, которая может находиться в рабочем состоянии (и к самому основному 
браузеру). Например, в предыдущем примере был выбран прием только символов 
в диапазонах а—7, А-7 и 0-9, а все остальные символы были проигнорированы. 


Есть два способа пропуска прерываний клавиатуры к другим обработчикам (или 
отказа им в обработке этих прерываний). Во-первых, ничего не делать, тогда при 
выходе из вашего кода другие обработчики также будут все видеть и смогут реаги- 
ровать на те же нажатия клавиш. Но это может привести к путанице в том случае, 
если из-за одного нажатия клавиши произойдет сразу несколько действий. 


Альтернативный вариант применяется в том случае, если вам не нужно, чтобы со- 
бытие инициировало работу других обработчиков, тогда в отношении объекта ееп 
можно вызвать метод ргеуепёреҒаи1+, который не допустит «всплытия» события 
на уровень других обработчиков. 








Помещая в код вызов метода ргеуепРреѓаиі, нужно проявлять особую осмотри- 
тельность, поскольку, если этот вызов находится за пределами той части кода, 
в которой ведется обработка нажатий клавиш, это создаст препятствие для 
всплытия всех остальных клавиатурных событий и вы можете заблокировать 
пользователя от использования браузера (или как минимум от использования 
некоторых его возможностей). 
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Событие тоизетоуе 


Наиболее часто осуществляется перехват событий, связанных с использованием 
мыши. Щелчки кнопками мыши уже рассматривались, а теперь посмотрим на при- 
крепление кода к событиям перемещения указателя мыши 


Полагаю, настало время перейти к демонстрации более интересных примеров, 
и в примере 21.8 я объединил простейшую программу рисования, использующую 
]Оцету, с холстом НТМІ5. Хотя до главы 24 все особенности холста рассматри- 
ваться не будут, волноваться не стоит, поскольку код очень простой. 


Пример 21.8. Перехват событий перемещения указателя мыши и нажатия ее кнопок 


<1рОСТҮРЕ һ&т1> 
<һЕт1> 
<Пеад> 
<{1{1е>События: Обработка действий с мышью< /{1{1е> 
<5сгір згс=')ацегу-3.2.1.т4п.]$'></5$сг1ре> 
<5{у1е> 
#раа { 
Баскёгоипа : #ае+; 
Богаег :1рх $0114 #ааа; 
} 
</ѕ%у1е» 
</Неаа> 
<роау> 
<сапуа$ їіа='раа' міаєһ= '480' һеівһї='320'›<‹/сапуаѕ> 
<5сгірі» 
сапмаѕ = %('#раа') [е] 
сопфех{ = сапуаѕ. веЕСопёех+ ("24") 
репаомп = Ға1ѕе 


$( '"#раа') . тоиѕетоуе(Ғипсёіоп(емепё) 

{ 
уаг хроѕ = еуеп*.разех - сапуаѕ.оҒҒѕеёіе+& 
уаг уроѕ = еуеп*.разе\у - сапуаѕ.оҒҒѕеТор 


1+ (репдомп) соптех+.1іпеТо(хроѕ, уроѕ) 
е15ѕе сопфех{.томеТо(хроз, уроѕ) 


сопфехе. Егоке() 


}) 


$( '#раа') . тоиѕедомп(Ғипсёіоп() { репдомт = гие } ) 
$('#раа') .тоиѕеир(Ғипсёіоп() { репдомп = Ға1ѕе } ) 
</ѕсгірі» 
</боау> 
</ћём1> 


На рис. 21.7 показано, как этот очень простой набор инструкций может исполь- 
зоваться для рисования линий (что может пригодиться тем, у кого есть талант 
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к рисованию). Вот как это работает. Сначала путем ссылки на первый (с нулевым 
индексом) элемент селектора јОпегу программа создает объект сапуа$: 


сапуаз = $('#раа') [9] 





СИ События: обработка действиї Ж + 























Рис. 21.7. Перехват событий перемещения указателя мыши и нажатия ее кнопок 


Это один из способов быстрого получения объекта јОпегу и извлечения стандарт- 
ного объекта элемента ЈауаЅсгір. Другой способ предусматривает использование 
метода ве: 


сапуаѕ = $('#раа').ве+(0) 


Оба способа взаимозаменяемы, но при использовании метода ве* есть одно пре- 
имущество: если ему не передать аргументы, он вернет все объекты элементов узла 
из объекта јОпегу в виде массива. 


В главе 24 будет рассказано, что холст всегда создается для использования специ- 
ального объекта соптехт, который сейчас и будет определен: 


сопфехЕ = сапуа$ .вееСопфех* ("24") 


Нужно инициализировать еще кое-что, создав булеву переменную под назва- 
нием репӣомп (перо опущено), которая будет использоваться для отслеживания 
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состояния кнопки мыши (с исходным значением #а1ѕе, поскольку перо пока что 
поднято): 


репӣомп = Ға1ѕе 


После этого холст (с идентификатором раа) получает свое событие тоизетоуе, пере- 
хватываемое показанной далее безымянной функцией, благодаря которой проис- 
ходят три набора действий: 


$( '#раа') . тоиѕетоме(Ғипсёіоп(еуепё) 


{ 
т 


Сначала локальным переменным хроѕ и уроѕ (они являются локальными благодаря 
применению ключевых слов уаг) присваиваются значения, представляющие собой 
позицию указателя мыши в области холста. 


Эти значения берутся из свойств јОпџегу равех и равеү, которые ссылаются на 
смещение указателя мыши от верхнего левого угла соответствующего документа. 
Поэтому, так как сам холст немного смещен с этой позиции, значения смещения 
холста сапуаѕ (в свойствах о+зеге{е и ое Тор) вычитаются соответственно 
из радех и равеу: 


уаг хроѕ = емепї.равех - сапуа$ .о Ее Еее 
уаг уроѕ = емепї.равеү - сапуаѕ.оҒҒѕе+Тор 


Теперь, когда нам известно, где находится указатель мыши по отношению к холсту, 
в следующих двух строках кода тестируется значение переменной репӣомп. Если 
оно равно «гие, значит была нажата кнопка мыши, и поэтому вызывается метод 
1іпеТо для рисования линии в текущей позиции. В противном случае перо подня- 
то, и поэтому вызывается метод тохето, для того чтобы просто обновить значения 
текущей позиции: 


1+ (репаомп) сопехе.11пеТо(хро$, уроѕ) 
е15е сопехі .тоуеТо(хроѕ, уроѕ) 


Затем вызывается метод ѕёпоке для применения той команды рисования, которая 
только что была вызвана по отношению к холсту. Эти пять строк — все, что нужно 
для управления рисованием, но необходимо по-прежнему отслеживать состояние 
кнопки мыши, и поэтому завершающие две строки кода перехватывают события 
тоц5едоит и тоиѕеир, устанавливая для репаомп значение {гие при нажатии кнопки 
мыши и +а15е при ее освобождении: 


$( '#раа') .тоиѕедомп(Ғипсёіоп() { репдомп 
$('#раа') .тоиѕеир(Ғипсёіоп() { репдомп 


ёрие } ) 
Ға1ѕе } ) 


В этом примере показано сочетание работающих вместе трех разных обработчиков 
событий для создания полезной программы, использующей как локальные пере- 
менные для внутренних выражений, так и глобальные переменные, где объект или 
состояние чего-либо должны быть сделаны доступными нескольким функциям. 
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Другие события, связанные с мышью 


События тоизеептег и тоиѕе1еауе инициируются при прохождении указателя 
мыши над элементом или при выходе его за границы элемента. Позиционные зна- 
чения не предоставляются, поскольку предполагается, что вам просто требуется 
принять логическое решение о том, что делать при выдаче одного из этих событий. 


В примере 21.9 к этим событиям прикреплены две безымянные функции, кото- 
рые, как показано на рис. 21.8, изменяют соответствующим образом НТМТ-код 
элемента. 


Пример 21.9. Определения входа указателя в границы элемента и выхода за их пределы 


<1рОСТҮРЕ Нт1> 
<һЕм1> 
<һеаа»> 
<{11е>События: Дальнейшая обработка событий мыши</+і&1е> 
<ѕсгір ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5сгірі> 
</һеаа> 
<Боау> 
<һ2 іа='+еѕї'>Проведи надо мной указателем мыши< /һ2> 
<$сг1ре> 
$('#+теѕї') .тоиѕеепёег(Ғипсіоп() { Ф(һіѕ).һт1('Эй, прекрати 
щекотать!') }) 
$ ('#+теѕї') .тоиѕе1еауе(Ғипсбіоп() { %(6һіѕ).һЕт1(' Куда же ты 
подевался?') } ) 
</ѕсгірЕ> 
</боау> 
</ћЕт1> 


% События: дальнейшая об; Ж + 


(© эге Ф Іосаїһ ... 9 4) » 








Куда же ты подевался? 











Рис. 21.8. Определение момента входа указателя мыши 
в границы элемента и выхода за их пределы 


Когда указатель мыши входит в границы выбранного элемента, обновляется свой- 
ство элемента іппегнтмі (посредством вызова метода һћ&т1). Затем, когда указатель 
мыши снова оказывается за границами элемента, происходит еще одно обновление 
НТМІ -кода элемента. 
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Альтернативные методы работы с мышью 


В јОџегу доступны и другие функции, связанные с событиями мыши и охватыва- 
ющие широкий диапазон возможных обстоятельств. Подробное описание всех этих 
функций можно найти по адресу арі.јдиегу.сот/саѓедогу/емепіѕ/гоиѕе-емепїіѕ. 


К примеру, для получения таких же результатов, как и при выполнении кода из 
предыдущего раздела, можно воспользоваться следующими альтернативными 
методами тоиѕеомег и тоиѕеоиќ: 


$ ( '#%еѕ1') .тоиѕеомег(Ғипсіоп() { $(+һ15).Һт1('Сиё 1% оц! ") ү) 

$('#%@еѕ1') .тоиѕеои+ (Ғипсіоп() { $(+һ15).Һт1('Тгу і &һіѕ іме...') } ) 

Или же, чтобы связать два обработчика с помощью одной функции, можно вос- 
пользоваться методом һомег: 


$ ( '"#%еѕ1').һоуег(Ғипсёіоп() { %(6һ15).ҺЕм1(' Си 14 ои! ') }) 

ФипсЕ1оп() { Ф(һіѕ).һЕт1('Тгу іб +һіѕ &1те...') } ) 
Если планируется получение совокупного эффекта от применения моизеоуег 
и тоиѕеоит, то вполне логично будет воспользоваться методом һомег, но есть еще 
один способ, позволяющий получить такой же результат, который называется вы- 
страиванием цепочки (и объясняется чуть позже в пункте «Выстраивание цепочки 
методов»): 


$ ( '"#%еѕ1') .тоиѕеоуег(Ғипсёіоп() { $(һ15).Һт1('Сиё 1% оц! ") 


}) 
.тоиѕеоиї (Ғипсёіоп() { Ф(6һіѕ).һём1('Тгу 14 +6515 +іме...') } ) 


Здесь оператор-точка в начале второй инструкции прикрепляет ее к первой ин- 
струкции, создавая тем самым цепочку методов. 





В предыдущих примерах показан способ перехвата щелчка кнопкой мыши, пере- 
мещения указателя мыши и события клавиатуры, в силу чего они больше всего 
подходят для сред настольных компьютеров, на которые в первую очередь и на- 
целено применение библиотеки јОиегу. Но существует также версия јОиегу для 
мобильных устройств под названием јОиегу Мое (һір://јаиегутоЫііе.соту/), 
обеспечивающая управление обработкой всех событий прикосновений, кото- 
рые вам только могут потребоваться (и многое другое), и доступная по адресу 
јачегутоЫііе.сот. 








Событие ѕирті 


При отправке формы может понадобиться выполнение различных проверок на 
наличие ошибок во введенных данных перед отправкой их на сервер. Как показано 
в примере 21.10, одним из способов получения такой возможности является пере- 
хват события ѕибті+, происходящего в форме. На рис. 21.9 представлен результат 
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загрузки документа с последующей отправкой формы с одним или двумя неза- 
полненными полями. 


Пример 21.10. Перехват события ѕибтіќ, происходящего в форме 


<1рОСТҮРЕ Н&т1> 
<ћЕм1> 
<һеаа»> 
<іії1е>События: ѕибтії</+іЁ1е> 
<ѕсрірї ѕрс= 'јаиеғу-3.2.1.тіп.ј5'></5сгірі> 


</һеаа> 
<Боду> 
<Ғогт 19='Фогт' > 
Имя : <іпри 14='Рпате' +уре='Жехі' пате= ' Ғпате' ><6г> 


Фамилия: <1приф 14='1паме' +уре='©ехі' пате=' 1 памте ' ><6г> 
<іпри фуре=' зибм1* ' > 
</Фогт> 
<ѕсгірї» 
$ ( "#Ғогт') . ѕирті+(Ғипсёіоп() 
{ 
іҒ (%('#Ғпате').ма1() == '' || $('#]тате').ма1() == '') 
1 
аїегі('Пожалуйста, введите имя и фамилию’) 
геёигп Ға1ѕе 
} 
}) 
</ѕсгірё> 
</боау> 
</ћёт1> 


Ф» События: зирті 


(©) >52 | (@ осаНо$21/ехатр!е? 








Пожалуйста, введите имя и фамилию 





Рис. 21.9. Проверка пользовательского ввода после отправки 
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Основной частью этого примера является код, в котором к событию прикрепляется 
безымянная функция: 


$ ( "#Ғогт') . ѕибтіЄ(Ғипсёіоп() 


и где значения двух полей ввода проверяются на их заполнение: 


1+ ($('#Ғпаме').уа1() == '' || 
$('#1пате').ма1() == '') 


Здесь для получения значения свойства уа1ие каждого поля используется }Очегу- 
метод уа1. Этот прием выглядит лучше, чем использование $( '#пате') [2] (как 
в примере 21.8) для получения доступа к ООМ-объекту с последующим добавле- 
нием к нему свойства уа1ие для чтения значения поля: 


$( '"#Ғпате') [0].ма1ие. 


В данном примере при возвращении значения +а15е в случае незаполненности 
одного или нескольких полей обычный процесс отправки прекращается. Чтобы раз- 
решить отправку, нужно, чтобы было возвращено значение гие, или вообще не воз- 
вращать никакого значения. 


Специальные эффекты 


В чем действительно преуспела библиотека јОпегу, так это в создании спецэф- 
фектов. Можно, конечно, воспользоваться переходами (С553, но их динамическое 
управление из ЈауаЅсгірї не будет настолько же простым, а с использованием 
]Оцегу все сведется к простому выбору одного или нескольких элементов с после- 
дующим применением к ним одного или нескольких эффектов. 


Основными доступными эффектами являются исчезновение и появление, посте- 
пенное проявление и растворение, скольжение, а также анимация, которые могут 
использоваться по одному, все вместе согласованно по времени или друг за другом. 
Поддерживаются также обратные вызовы, представляющие собой функции или 
методы, вызываемые только один раз по завершении операции. 


В следующем разделе дается описание ряда наиболее полезных јОџегу-эффектов, 
каждым из которых поддерживаются три аргумента. 


О Продолжительность (Риғайоп). Когда предоставляется это значение, эффект 
будет наблюдаться в течение назначенного времени, которое может быть задано 
в миллисекундах или же строками #аѕ? (быстро) или ѕ1ом (медленно). 





о Изменение скорости выполнения эффекта (Еаѕіпв). В библиотеке јОпегу только 
два варианта изменения скорости: ѕміпе (с ускорением) и 11пеаг (линейное 
изменение). По умолчанию используется вариант ѕміпе, который задает бо- 
лее естественное изменение скорости эффекта, чем 1іпеаг. Дополнительные 
варианты изменения скорости выполнения эффекта можно найти в таких до- 
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полнительных модулях, как }Очпегу ОТ, который можно увидеть на сайте Һ&р:// 
јачегуиі.сот/еаѕіпо/. 


о Функция обратного вызова (Саасћ). Если предоставлена функция обратного 
вызова, она будет вызвана сразу же после завершения работы метода создания 


эффекта. 


Это означает, что в случае отсутствия предоставляемых аргументов метод вызы- 
вается немедленно и в очередь анимации не попадает. 


К примеру, метод һіде можно вызвать несколькими способами: 


$('#орјесї').һіае() 

$( '"#објесї').һіде(1000) 

$('#орјесі').һіае('Ғаѕ+') 

$( '#орјес+').һіае('1іпеаг') 

$( '#орјесї').һіае('ѕ10м', '11пеаг') 

$( '#орјесї').һіае(туҒипсіоп) 

$('#орјесі').һіае(333, туғҒипс+іоп) 

$('#орјесі').һіае(200, '1іпеаг', Ғипс+іоп() { а1ег+('Ғіпіѕһеа!') } ) 


Как будет показано в пункте «Выстраивание цепочки методов», можно прикрепить 
вызовы функций (с аргументами) друг к другу, а затем они будут анимированы 
в порядке очереди, как в следующем примере, где элемент сначала исчезнет, а за- 
тем появится снова: 


$( '"#орјесї').һіде(1000).5һом(1000) 


Многими этими методами поддерживаются и другие, менее востребованные аргу- 
менты, подробное описание которых (а также других поддерживаемых методов 
создания эффектов) можно найти по адресу НИр://ар!.дачегу.сот/са{едогу/ейес. 


Исчезновение и появление 


Наверное, простейшим эффектом можно считать исчезновение и появление элемента 
в ответ на действия пользователя. В предыдущем разделе говорилось, что методам 
һіае и ѕһом можно вообще не предоставлять никаких аргументов или же предостав- 
лять различные аргументы, а по умолчанию, когда им ничего не предоставлено, 
результатом станет мгновенное исчезновение или появление элемента. 


Когда аргументы предоставляются, эти два метода одновременно изменяют свой- 
ства элемента міаёћ, һеівһ и орасі+у до тех пор, пока их значения не достигнут 
нуля при использовании метода һіае или исходных установок — при использова- 
нии метода зПом. После полного исчезновения элемента метод һіде присваивает его 
свойству аіѕр1ау значение попе, а метод пом после полного появления элемента 
снова присваивает этому свойству ранее назначенное ему значение. 


Испытать работу методов һіде и ѕһом позволит код примера 21.11, а результат 
можно увидеть на рис. 21.10. 
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&? Эффекты: Не и һом = (Е 


9. 
ре > б | @ Іосаіһоѕ1/21/ехатріе: 


Спрятать | | Показать 


ПТелкнитв на кнопках Споятать и Показать 





















Рис. 21.10. Элемент в процессе появления 


Пример 21.11. Исчезновение и появление элемента 


<!БОСТУРЕ һ&т1> 
<Пт1> 
<Пеад> 
<{1{1е>Эффекты: һіде и $Ном</+{1{1е> 
<5сг1рЕ згс=')ацегу-3.2.1.т14п.]$'></5$сг1ре> 
</Неаа> 
<Боду> 
<риё+оп 14=' 1 ае ' >Спрятать< /би+оп> 
<Биффоп 14=' $Пом' >Показать< /БиФоп> 
<р 14='{ех* '>Щелкните на кнопках Спрятать и Показать</р> 
<5сг1ре> 
$( '"#һіае').с1іск(Ғипсёіоп() { $('#%ехе').п1ае('$1ом', '11пеаг') }) 
$ ( '"#5һом').с1іск(Ғипсёіоп() { $('#%ехЕ').$Пом('$1ом', '11пеаг') }) 
</ѕсгірі» 
</боау> 
</ћт1> 


Метод їіоддіе 


Альтернативой вызову обоих методов, как һіае, так и ѕһом, может стать вызов 
метода ёорр1е, который позволяет заменить предыдущий пример кодом из при- 
мера 21.12. 


Пример 21.12. Использование метода {0д9е 


<!БОСТУРЕ һ&т1> 
<һЕт1> 
<Пеад> 
<{1{1е>Эффекты: ©орр1е</+і1е»> 
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<$сг1рЕ ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5сгірі> 

</һеаа> 

<Боду> 
<БиЕфоп їіа= 'оре1е'>Изменить состояние< /Би*оп> 
<р іа='ехї'›>Нажмите кнопку Изменить состояние</р> 
<ѕсгірі» 

$( '"#%оре1е').с1іск(Ғипсёіоп() { $('#ехе').+ов21е('$10м', '1іпеаг') }) 

</ѕсгірё> 

</боау> 

</ћЕт1> 


Методу ёове1е передаются точно такие же аргументы, что и методам ћійе и ѕһом, 
но он отслеживает внутреннее состояние элемента, зная таким образом, что нужно 
делать, заставлять элемент исчезнуть или появиться. 








В јОиегу имеются четыре основных метода, устанавливающих либо одно, либо 
другое состояние и предлагающих для упрощения программирования версии 
переключения. Кроме їоддіе имеются методы ТадеТодае, 51іаеТоддіе и іоддіеСіаѕѕ, 
которые будут рассмотрены в данной главе. 








Проявление и растворение 


Проявлением и растворением управляют четыре метода: ҒайеїІп, ҒайеОиї, ҒайеТовв1е 
и Ғайето. Теперь вы уже имеете представление о том, как работает јОпегу, и сможете 
разобраться в том, что первые три метода похожи, соответственно, на методы $Пом, 
һіде и %0551е 


Но последний метод имеет некоторые отличия: ему можно указывать значение 
непрозрачности (орас1*у) от @ до 1, до которого элемент (или элементы) должен 
проявиться. 


В примере 21.13 представлены четыре кнопки, позволяющие проверить в действии 
каждый из этих методов. Результат показан на рис. 21.11. 


Пример 21.13. Четыре метода проявления и растворения 


<!ООСТУРЕ Нт1> 
<ћЕм1> 
<һеаа»> 
<{1{1е>Эффекты: Растворение и проявление< /+1+1е> 
<$сг1рЕ ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5сгірі> 
</һеаа> 
<Боду> 
<БиЕфоп іа= ' Ғайеоиї ' >Растворить< /Би{*оп> 
<Биефоп іа= ' Ғааеіп' >Проявить< /Биоп> 
<БиЕфоп їіа= ' Ғайеёовр1е' >Переключить состояние< /би+оп> 
<БиЕфоп іа= ' Ғааеёо'>Растворить на 50%</битТћоп> 
<р іа='ехї'›Щелкните на кнопках, расположенных вверху</р> 
<ѕсгірї» 
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$ ( '#Ғадеоиї') .с1іск(Ғипсёіоп() { $('#ехЕ').Фааеби*( '510м' ) }) 


$( '#Ғааеіп') .с1іск(Ғипсёіоп() { $('#ех+').ҒааеїІп( '510м' ) }) 
$ ( '#Ғаде+овр1е').с1іск(Ғипсёіоп() { $('#№ехї'). ҒайеТорр1е('51ом' ) }) 
$( '#Ғаде+о') .с1іск(Ғипсбіоп() { $('#ех+').Ғааето( '510м', 0.5) }) 
</5сг1ре> 
</боау> 
</ћёт1> 









е4 Эффекты: растворение и про: Х + = в 
..• 9 ў | » 
| Переключить состояние | | Растворить на 50% 


Щелкните на кнопках, расположенных вверху 









“ 
< — | Ф Іосајһоѕ1/21/ехатріе21-13.Һіт 














Растворить [ Проявить 




















Рис. 21.11. Текст проявился до 50%-ной непрозрачности 


Скольжение элементов вверх и вниз 


Еще один способ, заставляющий элементы исчезать и появляться снова, заключает- 
ся в постепенном изменении их высоты с целью имитации ускользания элементов 
за границу и выскальзывания из-под этой границы. Для достижения этих эффектов 
доступны три метода јОпегу: $114ебомт, $14 аер и $11деТовЕ1е. Они работают по 
тем же принципам, что и предыдущие, в чем можно убедиться, запустив на выпол- 
нение код примера 21.14. А результат можно увидеть на рис. 21.12. 


Пример 21.14. Использование методов ускользания и выскальзывания 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<Пеад> 
<{1{1е>Эффекты: Скольжение</+1{1е> 
<5сгір згс=')ацегу-3.2.1.т14п.]$'></5$сг1ре> 
</Неаа> 
<Боду> 
<Биефоп 14=' $11аеир' >Скольжение вверх</Биоп> 
<риї+оп 14=' $11аедомт' >Скольжение вниз</Биоп> 
<риё+оп 14='51ідеорр1е'>Переключение состояния</Би* оп» 
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<аіу 14='рага' ѕ+у1е= 'баскегоипа: #ае{ ' > 
<һ2»›Егот А Та1е оф Тмо С11е$ - Ву СПаг1е$ ріскепѕ</һ2> 
<р>ТЕ маѕ Тһе беѕі о+ %1те$, ії маѕ {Пе мог$ оф ©ітеѕ, ії маѕ {Пе аре 
ОҒ міѕаӢот, 14 маѕ {Пе аре оф Ғоо11іѕһпеѕ5, 1% маѕ Тһе еросһ оҒ Бе11еф, 
і маѕ {Пе еросН оф іпсгеаи1і+у, ії маѕ {Пе ѕеаѕоп оф 1151, 1% маѕ 
{Пе ѕеаѕоп о+ рагкпеѕ5, 1% маѕ Ве ѕргіпр оф һоре, 1% маѕ Не міпќег 
ОР Яеѕраіг, ме һаа емегуёһіпе Бефоге из, ме һаа по&һіпе беҒоге из, ме 
меге а11 роіпр Яігесі То Неауеп, ме меге а11 роіпе дігесї һе оёһег 
мау - іп ѕһогі, һе регіоа маѕ зо Ғаг 11ке {Пе ргеѕепё регіоа, &һа+ 
ѕоте оф 145 по1$1е5{ аџһогібіеѕ іпѕіѕёеа оп 1%5 Бе1пё гесеіуеа, Ғог 
5004 ог Рог е\11, іп Не ѕирег1аіуе ӣергее оф сотрагіѕоп оп1у</р> 

</аіу> 

<ѕсгірі» 
$('#511іаеир') .с1іск(Ғипсёіоп() { $('#рага').$114е0р( '510м') }) 
$('#511аедомп') .с1Ііск(Ғипсёіоп() { $('#рага').51іаеромп( '$10м') }) 
$ ('#51іаеїорр1е').с1іск(Ғипсёіоп() { %('#рага').51іаеТорв1е('ѕ51ом') }) 

</ѕсгірё> 

</боау> 
</ћЕт1> 
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И хаз ће БезЕ оЁ ит ез, її чаз ће мгогзЕ оР тез, її ғаз ће аре оЁ мазо, 11 мгаз ће 
асе оЁ Ғооіѕһпеѕѕ, 1 мгаз Ње еросһ оЁбеПеЁ, ії газ ће еросһ оЁласгеди у, 1 уаз Ње 
зеазоп оЁГлрћї, ії чаз ће зеазой оҒ ЮагКпеѕѕ, її угаз ће ѕрппо оЁПоре, 1їчаѕ ће 

мліпіег оЁ дезраі, ме ай етегуйипо беЁоге цѕ, ме һай пофиая БеҒоге 115, ме үеге а] 











Рис. 21.12. Выдвижение абзаца 


Эти методы хорошо подходят для работы с меню и подменю, пункты которых нуж- 
но динамически открывать и закрывать в соответствии с тем разделом, на котором 
пользователь сделал щелчок. 


Анимация 


А теперь мы можем приступить к весьма забавному занятию — практическому 
перемещению элементов по окну браузера. Но для этого, поскольку исходное зна- 
чение свойства 5 а1с не даст нам их перемещать, следует не забыть сначала задать 
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значения свойствам элементов роѕі+іоп (позиционирование), исходя из вариантов 
ге1а+іме (относительное), Ғіхеа (фиксированное) или абѕо1и+е (абсолютное). 


Чтобы применить к элементу эффект анимации, нужно всего лишь предоставить 
методу апітаёе перечень свойств С55 (исключая цвета). В отличие от ранее рас- 
смотренных методов создания эффектов, анимация требует предварительного 
предоставления перечня СВОЙСТВ, после чего можно предоставить любые аргументы 
продолжительности, изменения скорости выполнения и обратной функции. 


Например, для анимации отскакивающего мячика можно воспользоваться кодом 
из примера 21.15, результат работы которого показан на рис. 21.13. 
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Рис. 21.13. Мячик, отскакивающий от границ окна браузера 


Пример 21.15. Создание анимации отскакивающего мячика 
<!1рОСТҮРЕ Ит1> 
<ћёт1> 

<һеаа> 
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<{11е>Эффекты: Анимация</+ії1е» 
<ѕсгірї ѕрс= 'јаиеғу-3.2.1.тіп.ј5'></5сгірі> 


<ѕ51у1е» 
#6а11 { 
роѕіїіоп :ге1а1муе; 
1 
#6ох { 
міа+ъћ :640рх; 
Вет :48@рх; 
Баскёгоипа: вгееп; 
Богаег :1рх $0114 #444; 
} 
</ѕ+у1е» 
</һеаа> 
<Боду> 


<аіу 14='Бох'> 

<іте іа='ба11' ѕгс= 'ба11.рпе'> 
</аім> 
<ѕсгірї» 

Боипсе() 


Ғипсёіоп Боипсе() 


{ 
$('#0ра11') 
.апітаёе( { Іеғё:'270рх', +ор :'380рх' }, '510м', '11пеаг') 
.апітаёе( { Іеғё:'540рх', фор :'190рх' }, '510м', '11пеаг') 
.апітаёе( { Іеғё:'270рх', +ор :'Өрх' }, "510ом', '1іпеаг') 
„.ап1тафе( { ІеҒё:'Өрх', ор :'190рх' }, '510м', '1іпеаг') 
} 
</ѕсгірё> 
</боау> 
</ћЕт1> 


В <ѕ+у1е»>-разделе этого примера для свойства роѕіќіоп мячика установлено зна- 
чение, позволяющее задавать позиции относительно контейнера, в котором он 
находится. В роли контейнера выступает <аіу>-элемент, которому заданы граница 
и зеленый фон. 


Затем в <ѕсгір+>-раздел помещена функция под названием Боипсе, объединяющая 
четыре вызова метода ап1та*е. 


Обратите внимание на то, что имена свойств, подвергаемых эффектам анимации 
(в данном примере это 1е+* и фор), предоставляются без кавычек и отделяются от 
значений, до которых они должны быть изменены (например, '27@рх'), двоеточи- 
ями, иными словами, они записываются в форме ассоциативных массивов. 


Вместо абсолютных значений можно также задавать относительные, используя 
для этого операторы += и -=. Так, к примеру, следующий код позволит применить 
к мячику эффект анимации, заключающийся в его перемещении вправо и вверх на 
50 пикселов относительно текущей позиции: 


.апітаёе( { Іе+ё:'+=50рх', +ор:'-=50рх' }, '510м', '11пеаг') 
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Для обновления значения свойства можно даже применять строковые значения 
һіае, ѕһом и орғ1е: 


.апітаёе( { һеірһё: 'һідйе', міаһ: 'оғв1е' }, '510м', '11пеаг') 





Если нужно изменить значение каких-либо С55-свойств, имена которых пишутся 
через дефис и не передаются в кавычках (как ћеідћё и уіаћ в предыдущем при- 
мере), сначала эти имена следует преобразовать в формат слитного написания без 
дефиса, когда вторая часть имени начинается с прописной буквы (так называемый 
формат горбатого верблюда — сате!Сазе). Например, для применения эффекта 
анимации к свойству элемента |е-тагдт следует предоставить имя |е Магда. 
Но если предоставлять имя с дефисом внутри строки (например: с55(Фоп-\меюие, 
'ро!а"), преобразовывать его в сате!Сазе не нужно. 














Выстраивание цепочки методов 


Благодаря выстраиванию методов в цепочку при передаче этим }Очегу-методам 
аргументов происходит последовательный запуск методов. Таким образом, каждый 
из этих методов вызывается только после того, как закончит выполняться эффект 
анимации предыдущего метода. Но любые методы, вызываемые без аргументов, 
будут запускаться сразу же, без промедлений и без эффекта анимации. 


После загрузки кода примера 21.15 в браузер эффект анимации стартует с одно- 
кратного вызова функции Боипсе, вызывающей отскок мячика от нижней, правой 
и верхней границ его контейнера. Затем мячик возвращается в середину левой 
границы. Если еще раз посмотреть на имеющуюся в этом примере функцию Боипсе, 
можно увидеть в ней четыре выстроенных в цепочку вызова функции апітаќе. 


Использование обратного вызова функции 


В его нынешнем виде предыдущий пример завершает свою работу после выполне- 
ния четырех эффектов анимации, но для многократного запуска эффекта анима- 
ции после его завершения можно воспользоваться функцией обратного вызова. 
Поэтому я решил поместить анимацию в именованную функцию. 


При использовании анимации в функции Боипсе остается только лишь указать ее 
имя, выделенное в примере полужирным шрифтом, в качестве имени функции об- 
ратного вызова для четырех анимаций в группе, чтобы заставить эффект анимации 
повторяться бесконечно: 


.апітаёе( { 1е+е:'@рх', фор :'190рх' }, '510ом', '11пеаг', Боипсе) 


Используя метод апіта+е, можно получить эффект анимации многих С55-свойств 
с существенным исключением в отношении цветовых решений. Но с применением 
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дополнительного модуля јОпегу ОТ, который добавляет способность создания 
очень привлекательных эффектов цветовых изменений (наряду со многими 
другими интересными эффектами), возможны даже эффекты анимации цвета. 
Подробности можно найти по адресу Һ&р://јаиегуиі.сот. 


Остановка анимации 


Для остановки еще не завершенной анимации или завершения выполнения це- 
почки анимации используются несколько способов. Например, с помощью метода 
с1еагдиеие можно очистить все сохраненные в очереди эффекты анимации, с по- 
мощью метода 5+ор — моментально остановить любую выполняемую в данный 
момент анимацию, а с помощью метода Ғіпіѕћ — остановить текущую запущенную 
анимацию и удалить всю анимацию, выстроенную в очередь. 


Превратим предыдущий пример в своеобразную игру, предусмотрев возмож- 
ность обработки щелчка на мяче, чтобы при выдаче события такого щелчка ани- 
мация прекращалась. Для этого нужно под функцией Боипсе добавить следующую 
строку кода: 


$( '"#ра11').с1іск(Ғипсёіоп() { $(һ15ѕ).Ғіпіѕһ() }) 


Если вам удастся щелкнуть на мяче, метод Ғіпіѕћ остановит текущую анимацию, 
очистит очередь и заставит проигнорировать любые функции обратного вызова, 
то есть мячик застынет на месте. 


Дополнительные сведения об управлении очередями јОпегу можно найти по 
адресу Ир: //ар!.ддчегу.сот/диеце, где также можно будет узнать, как управлять со- 
держимым очередей напрямую для получения именно тех эффектов, которые вам 
нужны. 


Работа с ОРОМ 


Поскольку библиотека ]Опегу слишком тесно привязана к РОМ, то в силу необ- 
ходимости в примерах данной главы уже использовались некоторые имеющиеся 
в ней методы доступа к ООМ-объектам, например Ви] и уа1. А теперь подробно 
рассмотрим все ООМ-методы, чтобы выяснить, к чему именно можно получить 
доступ с помощью јОпегу и как это сделать. 


В примере 21.3 было показано использование метода һт1 для изменения принад- 
лежащего элементу свойства іппегнтмі. Этот метод может использоваться либо ДЛЯ 
установки кода в НТМТ-документ, либо для извлечения этого кода из документа. 
В примере 21.16 (в котором код јОпегу выделен полужирным шрифтом) показан 
способ извлечения НТМТ-содержимого из элемента. Результат выполнения кода 
примера показан на рис. 21.14. 
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Пример 21.16. Вывод в окне оповещения НТМІ-содержимого элемента 


<!РОСТУРЕ һёт1> 
<һЕт1> 
<Пеад> 
<{1{1е>00М: һёт1 & ехе</{11е> 
<5сгір $згс=')ацчегу-3.2.1.т1п.]$'></5$сг1ре> 
</Неаа> 
<Боау> 
<|2>Пример документа</һ2> 
<р 1а='іпіго' >Это пример документа</р> 
<5сг1рф> 
а1егі($('#іпёго') .һЕт1()) 
</ѕсгірі» 
</боау> 
</ћт1> 


+  ООМ; Реті 8: ех 


(е) Э Жо ОФ 1осаіһоѕ1/21/ехатріе21-16.Һіт Эа» 


Это пример документа 
О РуемепИН!$ раде пот сгеайпа а99Июпа! 41а109$ 


| Веза Іоса!һозе 


Рис. 21.14. Извлечение и отображение НТМ!-содержимого элемента 





Если при вызове этого метода не указывать никаких аргументов, результатом ста- 
нет считывание, а не установка НТМІ -содержимого элемента. 


Разница между методами {еж и Пт 


При работе с ХМІ -документами метод һіт1 использовать нельзя, поскольку он про- 
сто не будет работать (он разработан исключительно для использования с НТМТ.). 
Но для получения аналогичных результатов (в ХМІ- или НТМІ -документах) 
можно воспользоваться методом *ех*: 


Бех = $('#іпёго').Жехі() 
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Разница между методами заключается просто в том, что ћт1 принимает содер- 
жимое за НТМГ, а ех+ принимает его за текст. К примеру, предположим, что вам 
нужно присвоить элементу следующую строку: 


<а Пге+=' Ир: / /роор1е.сот' >Посетите боов1е</а» 


Если присваивать ее НТМТ-элементу с помощью метода һет1, ООМ-модель бу- 
дет обновлена с получением нового ‹а>-элемента и ссылка станет реагировать на 
щелчки. Но если сделать то же самое в отношении ХМІ- или НТМТ-документа 
с помощью метода +ех+, то сначала эта строка будет нейтрализована с превраще- 
нием кода в текст (например, путем превращения таких НТМТ-символов, как <, 
в комбинацию символов &1+; ит. д.), а затем уже вставлена в элемент, то есть 
к ООМ-модели элементы добавляться не будут. 


Методы маі и аќг 


Есть еще два метода для работы с содержимым элементов. Во-первых, как показано 
в примере 21.10, в котором считывались значения полей имени и фамилии, с помощью 
метода уа1 можно устанавливать и получать значение элемента ввода. Для установ- 
ки значения нужно просто предоставить его методу в качестве аргумента: 


$ ( '"#раѕѕмога').ма1('тураѕ5123') 


С помощью метода а г, как показано в примере 21.17, в котором ссылка на сайт 
Соов1е полностью заменяется ссылкой на сайт Үаһоо!, можно получить и устано- 
вить атрибуты элементов. 


Пример 21.17. Изменение атрибутов с помощью метода айг 


<1рОСТҮРЕ һ&т1> 
<ћЕм1> 
<һеаа> 
<{1{1е>00М: аг</+1{1е> 
<ѕсгірї згс='уацегу-3.2.1.м1п.$'></5сг1р> 
</һеаа> 
<Боау> 
<һ2>Пример документа</һ2> 
<р><а 1іЯ='1іпк' пге+=' Ир: //роов1е. сот" 
тіТ1е= 'боор1е'›Посетите боов1е</а»</р> 
<ѕсгірі» 
$('#11пк').ехі(' Посетите Үаһоо!') 
$('#11іпк').аёе( { пгеф : ' Һер: //уаһоо.сот', +іЁ1е: 'Үаһоо!' } ) 
а1егі('Новый код НТМ :\п' + $('р').һём1()) 
</ѕсгірЕ> 
</боау> 
</ћЕт1> 


В первой ]Очегу-инструкции используется метод ех, позволяющий изменить 
текст внутри элемента <а>, а вторая инструкция соответствующим образом пу- 
тем предоставления данных в форме ассоциативного массива изменяет значения 
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атрибутов пге+ и +1+1е. Третья инструкция с помощью метода а1егі открывает 
окно оповещения, в которое выводит содержимое измененного элемента, пред- 
варительно извлеченное с помощью метода һет1 (рис. 21.15). 





(© Э ЖХ | @ іосаһоѕі/21/ехатріе21-17.Һіт 9 ў » 


Новый код НТМІ: 
«а іб="Ііпк" Һгей"Һір:/уаһоо.сот" 
їШе="үаһос!">Посетите Үаһоо!«/а> 

О Ртехепі їћіѕ раде пот сгеайпа абоійопа! 41а109$ 


Кеад ІосаЇһоѕ 


Рис. 21.15. Теперь ссылка полностью изменена 





Можно также считать значение атрибута: 


иг1 = Ф('#1іпк').абёге('һге+') 


Добавление и удаление элементов 


Метод һёт1, конечно, позволяет вставлять элементы в ООМ, но он подходит только 
для создания дочерних элементов отдельно взятого элемента. Поэтому в јОпегу 
предоставляется ряд методов для работы с любой частью РОМ. 


К таким методам относятся аррепа, ргерепа, а ег, реҒоге, гетохе и етр+у, по одному 
из вариантов использования которых включает в себя пример 21.18. 


Пример 21.18. Добавление и удаление элементов 


<!БОСТУРЕ һ+Ет1> 
<һёт1> 
<һеаа» 
<{1{1е>Изменение роМ</+і+1е> 
<5сгір ѕрс= 'јдиегу-3.2.1.тіп.ј5ѕ'></5сгірё> 
</һеаа> 
<роау> 
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<һ2>Пример документа </һ2> 

<а Пге+=' һр: / /воор1е.сот' +141е='боо81е' >Посетите бооё1е</а> 

<сойе> 
Это раздел кода 

</сойе> 

<р> 
<Биффоп 19='а'>Удалить изображение< /биФоп> 
<Биффоп 19='Ь'>Очистить цитату< /биФоп> 

</р> 

<іте 14='Ба11' ѕгс='ба11.рпе'> 

<61оскаиоте 149='ацофе' зфу1е='Богаег:1рх ао%{еа #444; һеірһ+: 20рх;'> 
тест 

</61оскачоте> 

<ѕсгірі» 
$('а').ргерепа( ' Ссылка: ') 
$("Гһгеғ^='ҺЕр' 1") .аррепа(" <іте ѕгс= '1іпк.рпе'>") 
$ ('соде').беҒоге('<ће>').ағёег(' <һе›>') 
$('#а').с1іск(Ғипсъіоп() { $('#6а11').гетоме() } ) 
$('#6').с1іск(Ғипсбіоп() { %('#диобе').етр+у() } ) 

</ѕсгірё> 

</боау> 
</ћЕт1> 


На рис. 21.16 показан результат применения методов ргерепа, аррепа, бе+оге 
и а#+ег к некоторым элементам. 

















&? Изменение ООМ 
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<, >С | © Іосаіћоѕ+/21/ехатріе21-18.Һіт ... 9 4 » 





Пример документа 


Ссылка: Посетите (бооріе г? 


Это раздел кода 





Удалить изображение Очистить цитату 





Рис. 21.16. Документ с разнообразными элементами 
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Метод ргерепа был использован для вставки строки іпк: перед внутренним тек- 
стом или НТМГ-кодом всех ‹а>-элементов: 


$('а').ргерепа('Е1пк: ') 


Затем для выбора всех элементов, имеющих атрибут һге#, начинающийся с һер, 
был использован селектор атрибутов. Строка һер, появляющаяся в начале ОВІ. 
(поскольку используется оператор ^=), обозначает ссылки, не являющиеся относи- 
тельными, то есть относящиеся к абсолютным. В данном случае к концу внутрен- 
него текста или НТМІ -кода всех соответствующих элементов добавляется значок 
внешней ссылки: 


$(" [Вге+^='ИЕЕр']").аррепа(" <іте ѕгс= '1іпк.рпе'>") 





Оператор ^= задает соответствие лишь с началом строки. Если бы исполь- 
зовался только один оператор =, выбирались бы только целые строки с со- 
ответствующим значением. Более подробно селекторы С55 рассматриваются 
в главах 18 и 19. 














Далее для помещения одноуровневых элементов (имеющих общего родителя) 
либо перед заданным элементом, либо после него используются выстроенные 
в цепочку методы Бефоге и аер. В данном случае мой выбор пал на помещение 
элемента <һг»> как до, так и после элементов <сойе»: 


$ ( 'соде').БбеҒоге(' <һе>').аҒёег(' <һге>') 


Затем к паре кнопок я добавил небольшую реакцию на действия пользователя. 
При щелчке на первой кнопке с помощью метода гетоуе удаляется элемент <1ив>, 
в котором содержится изображение мячика: 


$( '"#а').с1іск(Ғипсёіоп() { $('#6а11').гетоме() } ) 





Теперь изображения в РОМ больше нет, в чем можно убедиться, если выделить 
содержимое окна браузера, щелкнуть на нем правой кнопкой мыши и выбрать 
в большинстве основных браузеров пункт контекстного меню Просмотр кода 
элемента (Іпѕресі Еіетепё) или, при работе с Г{егпеЕ Ехр!огег нажать клави- 
шу 212. 








И наконец, при нажатии второй кнопки к элементу <61оскаиоќе> применяется 
метод етр+у, который просто-напросто опустошает содержимое элемента в РОМ: 


$('#6').с1іск(Ғипсёіоп() { $('#ацое').етреу() } ) 
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Динамическое 
применение классов 


Иногда было бы неплохо изменить класс, применяемый к элементу, или, может 
быть, просто добавить класс к элементу или удалить его из того или иного эле- 
мента. Предположим, к примеру, что у нас есть класс под названием геаа, который 
используется для придания стиля прочитанным постам блога. Добавить класс 
к посту можно просто с помощью метода адас1аѕ: 


$( '#роѕ+23').ааас1аѕ5('геаа') 


За один вызов можно добавить сразу несколько классов, разделив их названия 
пробелами: 


$('#роѕ+23').ааас1аѕ5('геаа 1ікеа') 


А что делать, если пользователь решил снова пометить пост как непрочитанный, 
возможно, чтобы не забыть чуть позже прочитать его еще раз? В таком случае при- 
дется воспользоваться методом гетоуеС1а$5: 


$( '"#роѕ+23').гетоуеС1а55('геаӣ') 


При этом на все остальные классы, использующиеся этим постом, не будет оказано 
никакого влияния. 


При поддержке возможности постоянного добавления или удаления класса проще, 
наверное, будет воспользоваться методом $о551еС1а$5$: 


$( '#роѕ+23').+оре1ес1аѕ5('геаӣ') 


Тогда, если пост еще не использовал класс, он будет добавлен, а если использо- 
вал — удален. 


Работа с размерами 


Работа с размерами всегда считалась в веб-разработке далеко не самой легкой за- 
дачей, поскольку различные браузеры склонны к использованию несколько разли- 
чающихся значений. Одной из весьма сильных сторон библиотеки јОпегу является 
приложение больших усилий к нормализации этих типов значений, чтобы во всех 
основных браузерах ваши страницы выглядели полностью соответствующими 
вашим замыслам. 


Размеры бывают трех типов: ширина и высота элемента, внутренняя ширина и вы- 
сота, внешняя ширина и высота. Рассмотрим их по очереди. 
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Методы ма и һеідһё 


Оба метода, как міаєћ, так и һеівһ, могут получать ширину или высоту первого 
элемента, соответствующего селектору, или устанавливать ширину или высоту всех 
соответствующих селектору элементов. Например, для получения ширины элемента 
с идентификатором е1ет можно воспользоваться следующей инструкцией: 


міаёһ = $('#е1ет') .мзаеи() 
Значение, возвращаемое переменной міаєћ, будет числовым, что отличается от 
С55-значения, возвращаемого после вызова метода с$$, как в следующей инструк- 


ции, в результате выполнения которой возвращается (к примеру) значение 23ерх, 
а не просто число 236: 


міаёћ = $( '#е1ет').сѕ5('міа+һ') 
Можно получить ширину как текущего окна, так и документа: 


міаєһ = %$(міпаом) .міаёһ() 
міаєһ = $(аоситеп*) .міаёһ() 





Когда библиотеке јОиегу передаются объекты окна или документа, получить их 
ширину или высоту с помощью метода сѕѕ невозможно. Вместо него нужно вос- 
пользоваться методами мла или һеідћї. 














Возвращаемое значение не зависит от установок свойства Бох-$121пв (см. главу 19). 
Если нужно взять в расчет значение свойства Бох-$121п8, следует, как показано 
в следующей инструкции, воспользоваться вместо этого методом сѕѕ с аргументом 
міаєћ (но если вы собираетесь продолжить работу с возвращенными значениями, 
не забудьте удалить символы рх, которые будут добавлены после числовой части): 


міаёћ = $( '#е1ет, ).сѕ5('міа+һ') 


Точно так же легко можно устанавливать значения. Например, для установки 
размеров всех элементов, задействующих класс бох 100 х 100 пикселов, можно 
воспользоваться следующей инструкцией: 


$('.бох').міаєћ (100) .һеієһ+(100) 


В примере 21.19 эти действия объединены в одну программу, результат выполнения 
которой показан на рис. 21.17. 


Пример 21.19. Получение и установка размеров элементов 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<һеаа> 
<{1{1е>Работа с размерами</+ії1е» 
<5сг1рф згс=')ацчегу-3.2.1.т14п.]$'></5$сг1ре> 
</Неаа> 
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<Боду> 

<р> 
<Биффоп 14=' вефдос' >Получить ширину документа </би+оп> 
<Биффоп 149=' вефи1п' >Получить ширину окна</биФоп> 
<Биффоп 14=' вефа1\' >Получить ширину @1\-элемента< /Биоп> 
<Биффоп 149=' $е*а1\' >Установить ширину діу-элемента равной 

150 пикселам< /Биоп> 

</р> 

<аіу 14='гези1{' ѕ+у1Іе='міа+һ:300рх; һеівһ+:50рх; Баскэгоипа: #аеф; ' > 

</аім> 

<ѕсгірї» 
$ ('#реаос'). с1іск(Ғипсёіоп() 


{ 
$( '#геѕи1+').Һёт1('Ширина документа: ' + $(аоситеп*) .міа+һ()) 
} ) $('#реміп').с1іск(Ғипсбіоп() 


{ 
$( '#геѕи1+').ҺЕт1('Ширина окна: ' + $(м1пдом) .міаєһ()) 


10, 
$ ('#ре+аіу'). с1іск(Ғипсёіоп() 


и 
$('#гези1').П+т1('Ширина 41\-элемента: ' + $('#геѕи1+').міаєһ()) 
т) 
$ ('"#ѕе+аіу'). с1іск(Ғипсёіоп() 
1 
$('Нгези1').мзаеи(150) 
$('Нгези1').П+т1('Ширина 41\-элемента: ' + $('#геѕи1+').міаєһ()) 
}) 
</ѕсгірЕ> 
</боау> 
</ћёт1> 














х 8 = и 


Г 
(<-) с | @ Іосаіћоѕ1/2 1 /ехатрІе21-19.һіт 


Получить ширину документа | | Получить ширину окна || Получить ширину Чм-элемента 
Установить ширину Чм-элемента равной 150 пикселам 


Ширина окна: 605 


> Работа с размерами 


























Рис. 21.17. Получение и установка размеров элементов 


В начале раздела <Боду> объявляются четыре кнопки: три для получения отчета 
о ширине документа, окна и элемента <аіу>, который появляется под кнопками, 
и одна для установки нового значения ширины 91у-контейнера. В разделе <ѕсгірї> 


586 Глава 21 • Введение в јОиегу 





находятся четыре јОпегу-инструкции, первые три из которых просто извлекают 
ширину заданных объектов, а затем сообщают о полученных значениях, записывая 
их в НТМГ-код діу-контейнера. 


Последняя инструкция состоит из двух частей: первая часть сокращает ширину 
<аіу>-элемента до 150 пикселов, а затем вторая часть выводит новое значение ши- 
рины аіу-контейнера, извлекая его с помощью метода міаєћ, чтобы гарантировать 
отображение вычисленного значения. 





При изменении масштаба страницы (его увеличении или уменьшении) пользо- 
вателем это событие в любом основном браузере ничем не отмечается, то есть 
никакого способа, позволяющего его достоверно обнаружить кодом Јауабсгірї, 
не существует. Поэтому јОиегу не может взять масштабирование в расчет при 
применении или возвращении значений размеров. Следовательно, в подобной 
ситуации можно получить непредсказуемые результаты. 














Методы шпегМЛай и іппегНеідћё 


Зачастую возникает необходимость взять в расчет также границы, отступы и дру- 
гие свойства, работающие с размерами, и поэтому вы можете воспользоваться для 
возвращения ширины и высоты первого элемента, соответствующего селектору, 
включая отступы, но не включая границы, методами іппегиіа+ћ и іппегНеірћ+. 


Например, следующая инструкция вернет значение свойства іппегиміа&ћ, включа- 
ющего отступы, имеющиеся у элемента с идентификатором е1еп: 


іміаёһ = $('#е1ет').іппегміаєһ() 


Методы оцѓег\/аќћ и оиќегНеідһ 
Для возвращения размеров элемента, включая не только отступы, но и границы, 
можно вызвать методы оитегміаёћ и оиёегНеірћ: 


оміаёћһ = $('#е1ет') .оиёегиіаёһ() 


Если в возвращаемое значение нужно также включить еще и поля, то при вызове 
любого из этих методов можно передать ему значение *гие: 


оміаёћһ = $('#е1ет') .оиёегиіаёһ (гие) 





Значения, возвращенные любыми методами іппег... или ощег..., не обязательно 
должны быть целыми числами и иногда могут иметь дробную составляющую. 
Изменение масштаба страницы пользователем этими методами не обнаружива- 
ется, и их нельзя использовать в отношении объектов окон или документов, для 
которых нужно применять методы ма или һеідһ. 
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Обход объектов РОМ 


Если обратиться к разделу главы 13, рассказывающему об объектной модели доку- 
мента — Роситепі ОБесе Моде! (СОМ), можно вспомнить, что все веб-страницы 
во многом конструктивно напоминают большие семьи. В них имеются родитель- 
ские и дочерние объекты, одноуровневые объекты, у которых общий родительский 
объект, объекты-предки, которые старше родительских объектов, и объекты-по- 
томки, которые младше дочерних объектов, и даже элементы, чьи родственные 
отношения могут рассматриваться в качестве двоюродных сестер, тетей и т. д. 
Например, в следующем фрагменте кода <11>-элементы являются дочерними по 
отношению к <и1>-элементу, который, в свою очередь, является родительским для 
<11>-элементов: 


<01> 
<11>Элемент 1</11> 
<11>Элемент 2</11> 
<11>Элемент 3</11> 
</и1> 


И так же, как и в семьях, существует множество способов ссылки на НТМІ.- 
элементы, например с помощью абсолютного указания, или путем указания, 
начинающегося с уровня окна и идущего далее вниз (по принципу, известному 
как обход объектов ПОМ). Кроме того, для ссылок на элементы можно вос- 
пользоваться родственными отношениями между одним и другим элементами. 
На самом деле весь вопрос заключается в том, что будет разумнее конкретно для 
вашего проекта. 


Например, если нужно добиться наибольшей автономности веб-страницы, чтобы 
получить больше шансов на возможность вырезать и вставлять элементы в другие 
веб-документы без необходимости изменения вставляемого НТМТ, разумнее будет 
ссылаться на близлежащие элементы, применяя относительную адресацию. Но ка- 
кой бы из способов вы ни выбрали, ]Опегу предлагает широкий диапазон функций, 
помогающих осуществлять конкретную адресацию элементов. 


Родительские элементы 


Чтобы обратиться к непосредственному родителю элемента, нужно воспользовать- 
ся методом рагеп*: 


шу_рагепе = $('#е1ет').рагеп*() 


Независимо от типа элемента е1ет объект ту рагепё теперь будет содержать јОпегу- 
объект, ссылающийся на его родительский элемент. На самом же деле, поскольку 
селектор может ссылаться на несколько элементов, этот вызов приведет к возвра- 
щению объекта, ссылающегося на список родительских элементов (хотя в списке 
может быть всего одна запись), по одной ссылке для каждого соответствующего 
элемента. 
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Так как у родителя может быть много детей, вы можете поинтересоваться, будет ли 
этим методом возвращено больше элементов, чем имеется родителей. Возьмем преды- 
дущий фрагмент кода с тремя <11>-элементами. Если применить следующий код: 


ту_рагепе = %('11').рагепї() 


возникнет вопрос: будут ли возвращены три родительских элемента (поскольку 
будет найдено три соответствия), даже если имеется всего один родительский 
<и1>-элемент? Ответ будет отрицательным, поскольку библиотека јОџегу доста- 
точно интеллектуальна, чтобы распознать все дубликаты и провести фильтрацию. 
Если для проверки запросить количество возвращенных элементов, будет возвра- 
щен результат 1: 


а1егії($( '11').рагеп+() .Іепе&һ) 


Инициируем какие-либо изменения при нахождении соответствий селектору, 
например изменим значение свойства Ғопї -меірћё родительского элемента в пре- 
дыдущем фрагменте кода на Бо1а: 


$('11').рагепЕ().сѕ5('Ғоп-меіеһё', 'Бо1а’) 


Использование фильтра 


Дополнительно методу рагепё может быть передан селектор, чтобы отфильтровать 
те родительские элементы, к которым должно быть применено желаемое измене- 
ние. В качестве иллюстрации в примере 21.20 имеются три небольших списка и две 
]Очегу-инструкции. 


Пример 21.20. Обращение к родительским элементам 


<!БОСТУРЕ һЕт1> 
<ћём1> 
<Неаа> 
<+1{1е>Обход ром: Рагеп</&і+1е» 
<5сгір ѕрс='јдаиегу-3.2.1.тіп.ј5ѕ'></5сгірЕ> 
</һеаа» 
<роау> 
<и1> 
<11>Элемент 1</11> 
<11>Элемент 2</11> 
<11>Элемент 3</11> 
</и1> 
<01 с1а$$='тето' > 
<11>Элемент 1</11> 
<11>Элемент 2</11> 
<11>Элемент 3</11> 
</и1> 
<и1> 
<11>Элемент 1</11> 
<11>Элемент 2</11> 
<11>Элемент 3</11> 
</и1> 
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<ѕсгірі» 
$('11').рагеп+() .с55(' ҒопЕ-меіеһћ+', '"ро14') 
$('11').рагеп+('.тето').сѕ5('1156-5#%уІе-+уре', 'сігс1е') 
</ѕсгірё> 
</боау> 
</ћёт1> 


Все три списка совершенно одинаковы, за исключением того, что у среднего 
в элементе ‹и1> используется класс тето. В разделе <ѕсгірё> первая инструкция 
применяет значение Бо14 к свойству Ғоп -меівћ всех элементов, являющихся ро- 
дительскими для элементов <11>. В данном случае ее выполнение приводит к тому, 
что все <и1>-элементы отображаются полужирным шрифтом. 


Вторая инструкция похожа на первую, но в ней методу рагеп* вдобавок ко всему 
передается имя класса тето, поэтому будет выбран только тот родительский эле- 
мент, у которого есть такой класс. Затем вызывается метод с$$, чтобы установить 
для свойства 11$4-$+у1е-+уре выбранного списка значение сігс1е. Результат вы- 
полнения этих двух инструкций показан на рис. 21.18. 


©? Обход ОМ: Рагепё 


(=) > Ф! | © осаһо 








• Элемент 1 
• Элемент 2 
• Элемент 3 


о Элемент 1 
о Элемент 2 
о Элемент 3 


Элемент 1 
Элемент 2 
Элемент 3 














Рис. 21.18. Обращение к родительским элементам с фильтром и без фильтра 


Выбор всех элементов-прародителей 


Только что были рассмотрены способы выбора непосредственных родительских 
элементов, но с помощью метода рагепіѕ можно выбрать и предков вплоть до 
корневого элемента <һ&т1>. Но зачем это может понадобиться? К примеру, чтобы 
обратиться к первому <91\>-элементу, расположенному вверх по цепочке прароди- 
телей, с целью придания ему стилевого оформления в соответствии с каким-либо 
развитием событий, произошедшим в отношении какого-либо элемента где-нибудь 
ниже по цепочке. 
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Тип выбора может быть несколько изощреннее, чем тот, который имело бы смысл 
применить в обычных условиях, но вас он вполне устроит, когда возникнет по- 
добная необходимость. Вот как можно было бы продолжить реализацию данного 
замысла: 


$( '"#е1ет').рагепіѕ( 'а1у').сѕ5( 'баскегоипа', 'уе11ом') 


Вообще-то результат может быть не совсем тот, которого вы добивались, поскольку 
выбраны будут все <4іу>-элементы в цепочке прародителей, а в ней могут быть те, 
которые располагаются еще выше, изменять стиль которых вам совсем не хотелось. 
Для подобных случаев можно применить дополнительную фильтрацию выбора, 
воспользовавшись вместо предыдущего метода методом рагеп{$Ип{11. 


Метод рагепіѕупё11 совершает обход вверх по цепочке прародителей точно так 
же, как и метод рагеп{$, но останавливается на первом элементе, который со- 
ответствует фильтру выбора (в данном случае это <91\>-элемент). То есть этот 
метод можно использовать точно так же, как и метод в предыдущем примере, 
будучи уверенными в том, что будет выбран наиболее соответствующий вашему 
желанию элемент: 


$ ( '"#е1ет').рагепёѕ0п+11('аіу').сѕ5('баскегоипа', 'уе11ом') 


Чтобы понять разницу между этими двумя методами, посмотрите код приме- 
ра 21.21, в котором имеются два набора вложенных элементов, у каждого из ко- 
торых один родительский <91\>-элемент. Затем в разделе <ѕсгірі»> находятся по 
одному примеру вызова методов рагепёѕ и рагепеѕ0пёі1. 


Пример 21.21. Использование методов рагепќѕ и рагепёѕупіїї 


<!БОСТУРЕ һҺЕт1> 
<ћём1> 
<Неаа> 
<+1{1е>Обход ром: Рагепе$</+11е> 
<5сг1рЕ згс=')ацегу-3.2.1.т14п.]$'></5$сг1ре> 
</һеаа» 
<Боду> 
<аіу> 
<аіу> 
<Ѕесііоп> 
<р1оскаио+е»> 
<и1> 
<11>Элемент 1</11> 
<11 іа='е1ет'>Элемент 2</11> 
<11>Элемент 3</11> 
</и1> 
</Б1оскаио*е> 
</зес1оп> 
</дім> 
<аіу> 
<ѕесііоп> 
<Б1оскаицо*е> 
<и1> 
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<11>Элемент 1</11> 
<11>Элемент 2</11> 
<11>Элемент 3</11> 
</и1> 
</61оскацоте> 
</зес{1оп> 
</а1\> 
</аім> 
<ѕсгірї» 
$('#е1ет').рагеп5('1у') .сѕ5( 'баскегоипа', 'уе11ом') 
$( '"#е1ет') .рагепёѕ0пё11('іу').сѕ55('ехі-десогаёіоп', 'ипаег1іпе') 
</ѕсгірё> 
</боау> 
</ћёт1> 


На рис. 21.19 можно увидеть, что первая јОпџегу-инструкция установила желтый 
цвет фона для всего содержимого. Дело в том, что при использовании метода 
рагеп+ѕ дерево прародителей было пройдено вверх вплоть до элемента «һћёт1> 
и были выбраны оба встреченных на пути <аіу>-элемента (тот, что содержит список 
<11>-элементов, выделенный полужирным шрифтом, и имеет идентификатор е1ем, 
и его родительский <4іу>-элемент, в котором содержатся оба набора вложенных 
элементов). 


&? Обход ВОМ: Рагепіз 
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Рис. 21.19. Сравнение методов рагепіѕ и рагепіѕ0піїї 


А во второй инструкции используется метод рагепіѕупёі1, поэтому выбор останав- 
ливается на первом же встреченном <аіу>-элементе. Это означает, что применение 
стиля подчеркивания касается только ближайшего родительского <91\>-элемента, 
в котором содержится <11>-элемент с идентификатором е1ет. До внешнего <іу»>- 
элемента установка не доходит, и, поскольку он не получает данного стилевого 
оформления, второй список с подчеркиванием не выводится. 
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Дочерние элементы 


Для обращения к дочерним элементам используется метод сһі1агеп: 


ту _сһі1агеп = $( '#е1ет').сһі1агеп() 


Как и у метода рагеп\, его действие распространяется только на один уровень вниз, 
и в результате возвращается список, либо не содержащий ссылок на объекты, либо 
содержащий одну соответствующую ссылку или более. Методу можно также пере- 
давать аргумент фильтра для выбора среди дочерних элементов: 


11 сһі1агеп = $('#е1ет').сһі1ағеп('11') 


В результате выполнения этого кода будут выбраны только те дочерние элементы, 
которые являются <11>-элементами. 


Чтобы углубиться в поколения, нужно воспользоваться методом +1пта, являющим- 
ся противоположностью метода рагепѕ: 


11 аезсепдапе$ = $(' #е1ет').Ғіпа('1і') 


Но, в отличие от рагепіѕ, методу Ғіпа нужно предоставить селектор, используемый 
в качестве фильтра, если же нужно выбрать всех потомков, можно воспользоваться 
универсальным селектором: 


а11 ӣеѕсепапёѕ = $('#е1ет').Ғіпа('*') 


Одноуровневые элементы 


Для выбора одноуровневых элементов доступен более широкий диапазон методов, 
начинающийся с метода 5161іпеѕ. 


Метод ѕ51ір1іпеѕ возвращает все соответствующие элементы, являющиеся дочер- 
ними по отношению к одному и тому же родителю, за исключением элемента, ис- 
пользуемого для выбора. Таким образом, применительно к следующему фрагменту 
кода, если ведется поиск одноуровневых элементов для <11>-элемента с идентифи- 
катором мо, будут возвращены только первый и третий <11>-элементы: 


<и1> 
<11>Т{ет 1</11> 
<11 14='%мо'>Т%ет 2</11> 
<11>Т{ет 3</11> 

</и1> 


Например, следующая инструкция приведет к выводу на экран первого и третьего 
из одноуровневых элементов полужирным шрифтом: 


$ ( '"#0мо').5161іпеѕ().сѕ5(' Ғопъ-меірһё', 'Бо1а') 


Чтобы сузить круг возвращаемых одноуровневых элементов, с методом $1611п85 
можно применять фильтр. Например, для выбора только тех одноуровневых 
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элементов, которые используют класс пем, можно воспользоваться следующей 
инструкцией: 


$('Нмо').$1611п85('.пеш').с$5( 'Фоп{-мезвВе', 'Бо1а'’) 


В примере 21.22 (где щедро расставлены пробелы, чтобы выровнять атрибуты по 
вертикали) показывается неупорядоченный список из семи элементов, у четырех 
из которых имеется класс пем, а у второго элемента — идентификатор мо. 


Пример 21.22. Выбор и фильтрация одноуровневых элементов 


<!БОСТУРЕ Нт1> 
<һЕм1> 
<һеаа> 
<{1{1е>0бход ВОМ: $1611п8$</{1{1е> 
<ѕсгір ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5ѕсгірі> 


</Неаа> 
<Боду> 
<и1> 
<11 с1аѕ5='пем'>Элемент 1</11> 
<11 іа='мо' с1аѕѕ='пем'>Элемент 2</11> 
<11 >Элемент 3</11> 
<11 с1аѕ5='пем'>Элемент 4</11> 
<11 с1аѕ5='пем'>Элемент 5</11> 
<11 >Элемент 6</11> 
<11 >Элемент 7</11> 
</и1> 
<$сг1ре> 
$ ( '"#6мо').5161іпеѕ('.пем').сѕ5(' Ғопё-меіеһё', 'Бо1а') 
</ѕсгірё> 
</боау> 
</ћЕм1> 


Результат применения инструкции јОпегу при загрузке кода в браузер показан на 
рис. 21.20, где полужирным шрифтом выделены только элементы Элемент 1, Элемент 4 
и Элемент 5, даже притом, что Элемент 2 также использует класс пем (поскольку 
метод вызывается в отношении именно этого элемента, он исключается из выбора). 


< Обход ВОМ: ЗЫ та 
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Рис. 21.20. Выбор и фильтрация одноуровневых элементов 
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Поскольку элемент, в отношении которого был вызван метод ѕі0ііп95 (и который 
я буду называть элементом вызова), опускается, этот метод не может исполь- 
зоваться для выбора всех дочерних элементов родительского элемента. Но для 
достижения этой цели в предыдущем примере можно воспользоваться следующей 
инструкцией, которая, к примеру, вернет все одноуровневые элементы (включая 
элемент вызова), имеющие класс пем: 





$ ('#1.мо') .рагепее.сһі1агеп('.пем') 
.с55('Ғопё-меіеһі', '6о1а') 


Для достижения такого же результата для выбора можно воспользоваться также 
методом апаВаск: 


$( '"#0мо'). 5161іпеѕ('.пем').апаВаск() 
.с55(' Ғопё-меіеһе', '6о01а') 





Выбор следующих и предыдущих элементов 


Когда нужен более жесткий контроль над выбором одноуровневых элементов, 
можно с помощью методов пех и ргеу и их расширенных версий сузить круг 
возвращаемых элементов еще больше. Например, для ссылки на элемент, непо- 
средственно следующий за выбранным элементом, можно воспользоваться такой 
инструкцией (которая установит для соответствующих элементов или элемента 
отображение полужирным шрифтом): 


$( '#пем').пехЕ().сѕ5(' Ғоп-меіеһё', 'Бо1а’) 


Применительно к следующему фрагменту кода со щедро расставленными пробела- 
ми идентификатор пем имеет третий элемент, и поэтому возвращается четвертый 
элемент: 


<и1> 
<11 >Элемент 1</11> 
<11 >Элемент 2</11> 
<11 14='пем' >Элемент 3</11> 
<11 >Элемент 4</11> 
<11 >Элемент 5</11> 
</и1> 


Пока ничего сложного нам не попадалось. А что делать, если нужно получить ссыл- 
ку на все одноуровневые элементы, следующие за конкретно заданным элементом? 
Это можно сделать с помощью метода пех+А11 (который применительно к предыду- 
щему фрагменту кода придаст стилевое оформление последним двум элементам): 


$( '"#пем').пехёА11().с55(' Ғоп-меіеһ', 'Бо1а’) 


При вызове метода пех+А11 ему также можно предоставлять фильтр, чтобы вы- 
бирать соответствующие элементы, как в следующей инструкции, которая задаст 
стилевое оформление только тем одноуровневым элементам, которые применяют 
класс іп#о (но в предыдущем фрагменте кода нет элементов, имеющих такой класс, 
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поэтому инструкция, запущенная в отношении этого фрагмента, ни к какому ре- 
зультату не приведет): 


$( '#пем'). пехеА11('.іпғо').сѕ5(' Ғоп-меірһі', 'Бо1а'’) 


Или же рассмотрим случай применения следующего фрагмента кода, в котором 
у одного элемента имеется идентификатор пем, а у другого — о1а: 


<и1> 
<11 >Элемент 1</11> 
<11 іа='пем' >Элемент 2</11> 
<11 >Элемент 3</11> 
<11 іа='о1а' >Элемент 4</11> 
<11 >Элемент 5</11> 
</и1> 


Теперь есть возможность выбрать только одноуровневые элементы, следующие за 
тем элементом, у которого имеется идентификатор пем, и доходящие до элемента 
с идентификатором о14, исключая сам этот элемент (в данном случае стилевое 
оформление получит третий элемент): 


$('Нпеш’).пехЕЦп{11 ( '#о1а').сѕ5(' Ғопё-меіеһі', '6о1а') 


Если методу пех Ип&11 аргументы не передаются, он ведет себя точно так же, как 
и метод пех+А11, возвращая все следующие одноуровневые элементы. Методу 
пехЕИп{11 можно передать и второй аргумент, чтобы он действовал в качестве 
фильтра для выбора из элементов, соответствующих указанному селектору: 


$( '#пем').пехе0уп11('#о1а', '.1п+0').с$$('Фоп*-мезёй', 'Бо1а’) 
В этой инструкции стилевое оформление получат только те элементы, которые 


используют класс 1п+о, а таких элементов в предыдущем фрагменте кода нет, сле- 
довательно, никаких действий предпринято не будет. 


Абсолютно то же самое можно сделать в группе одноуровневых элементов в об- 
ратном направлении, используя методы ргем, ргеуА11 и рге\мИп*11. 


Обход элементов, выбранных 
с помощью методов јОиегу 


Так же, как и при обходе объектов РОМ, можно обойти и возвращенный набор 
элементов, выбранных с помощью ]Очпету, чтобы выбрать те из них, в отношении 
которых нужно выполнить определенные действия. 


Например, для придания стиля только первым элементам, возвращенным после 
выбора, можно воспользоваться методом +1г$+4 (чтобы первый элемент списка 
в первом неупорядоченном списке выводился на экран подчеркнутым): 


$('и1>11').Е1г5().с55$('{ех{-десога1оп', 'ипӣег1іпе') 
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Или же, воспользовавшись методом 1аѕ&, можно выбрать для стилевого оформле- 
ния только самый последний элемент: 


$('01>11').1аѕ+().с55('Ғопё-5%у1е', 'іёа1іс') 
А для обращения к элементу по индексу (нумерация индексов начинается с нуля) 


можно воспользоваться методом ед (при этом стилевое оформление получит вто- 
рой элемент в списке, поскольку отсчет начинается с нуля): 


$('01>11').е4(1).с55('Ғоп-меіеһё', 'Бо1а’) 


Можно также применить к выбранным элементам фильтр, воспользовавшись для 
этого методом #і1+еғ (при этом изменится цвет фона каждого второго элемента, 
начиная с первого элемента, имеющего нулевой индекс): 


$( '"01>11').#і1+ег(' :емеп').сѕ5('баскегоипа', 'суап') 





Следует помнить, что при индексации элементов, выбранных средствами јОиегу, 
первым всегда является элемент с нулевым индексом. Поэтому, к примеру, при 
использовании подобным образом селектора :емеп будут выбраны элементы 1, 
3, 5ит. д. (ане 2, 4, 6...). 











Чтобы исключить один или несколько элементов, можно применить метод по (при 
этом те элементы, которые не используют идентификатор пем, будут выведены 
синим цветом): 


$('и1>11').поЁ('#пем').сѕ5('со1ог', 'Б1ие') 


Элемент можно выбрать также в зависимости от того, какие у него потомки. К при- 
меру, для выбора только тех элементов, у которых в качестве потомков имеются 
элементы <01>, чтобы их перечеркнуть, можно воспользоваться следующей ин- 
струкцией: 


$( '01>11').һаѕ('01').с5ѕ5('Фехі-Ӣесогаіопі, '1іпе-һгоиеһћ') 


В примере 21.23, где задается стилевое оформление неупорядоченного списка 
и один из элементов которого представляет собой упорядоченный список, все эти 
приемы собраны воедино. 


Пример 21.23. Обход элементов, выбранных с помощью методов јОиегу 


<!РОСТУРЕ һЕт1> 
<ћём1> 
<Неаа> 
<{1{1е>Обход выбранных элементов</+1*1е> 
<5сгір згс=')ацчегу-3.2.1.т14п.]$'></5$сг1ре> 
</һеаа» 
<роау> 
<и1> 
<11>Элемент 1</11> 
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<11>Элемент 2</11> 
<11 14='пем' >Элемент 3</11> 
<11>Элемент 4 
<01 фуре='а'> 
<11>Элемент 4а</11> 
<11>Элемент 46</11> 


</01></11> 

<11>Элемент 5</11> 

</и1> 

<$сг1ре> 
$('и1>11').Ғ1іг5+() .с55('Еехі-десогаіоп', 'ипаег1іпе') 
$('и1>11').1аѕ+1() .с55('Ғопё-ѕ+у1е', "іъа1іс') 
$('01>11').ед(1) .с55(' ҒопЕ-меіеһі', 'Бо1а') 
$('01>11').Ғі1+ег(' :емеп').сѕ5( ' баскегоипа', "суап') 
$('и1>11').по( "#пем') .с55('со1ог', "Ь1ие') 
$('и1>11').һаѕ('01') .с55('Еехі-десогаіоп', '1іпе-©һгоирһ') 

</ѕсгірё> 

</боау> 


</ћЕм1> 


Как показано на рис. 21.21, каждый элемент в каждом списке получил стилевое 
оформление за счет применения одной или нескольких }Очегу-инструкций. 


СИ Обход выбранных элементе Ж + 
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Рис. 21.21. Конкретная адресация элементов из тех, что были выбраны методами ]Очегу 


Метод 15 


Метод 15 заставляет }Опегу-селектор вернуть булево значение, которое затем можно 
использовать в обычном коде ]ауаЗст!рё. В отличие от других имеющихся в јОпегу 
методов фильтрации, показанных в предыдущих разделах, этот метод не создает 
новый объект јОпегу, к которому затем можно применить другие методы или ко- 
торый можно подвергнуть дальнейшей фильтрации. 


Вместо этого возвращается значение {гие или +а15е, что делает метод наиболее 
подходящим для использования в условных инструкциях. В примере 21.24 метод 15 
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прикреплен для вызова родительского элемента в обработчике события для набора 
кнопок. Обработчик вызывается при нажатии любой кнопки, а метод іѕ может 
вернуть значение ёгие или Ға15е при выяснении вопроса, является родительский 
элемент <аім>-элементом или нет (рис. 21.22). 


2 - 
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Вы щелкнули на зрай 








Рис. 21.22. Использование метода 15 для получения сведений о том, 
чем именно является родительский элемент 


Пример 21.24. Получение с помощью метода іѕ сведений о том, чем именно является 
родительский элемент 


<!БОСТУРЕ һ&т1> 
<Пт1> 
<Пеад> 
<{1{1е>Использование метода 1$</%1{1е> 
<5сгір згс=')ацегу-3.2.1.т14п.]$'></5$сг1ре> 
</Неаа> 
<Боду> 
<41\><Биефоп>Кнопка в 41у-контейнере< /би&+оп></іу> 
<41\><Биефоп>Кнопка в 41у-контейнере< /Би{оп></91\> 
<зрап><биоп>Кнопка в зрап-контейнере< /Би+оп></зрап> 
<аіу><биётоп>Кнопка в 41у-контейнере< /би&оп></іу> 
<зрап><Биоп>Кнопка в зрап-контейнере< /Би+оп></зрап> 
<р 149='1по' ></р> 
<5сг1рф> 
$ С'‘БиЕЕоп').с11сКк(ФипсЕ1оп() 
{ 


уаг е1ет = 


"аім' 
'зрап' 


1+ ($(6һ15).рагепёе.15('1у')) е1ет 
е15е е1ет 


$ ('#1п+о').НЕи1('Вы щелкнули на 
}) 
</5сг1ре> 
</боау> 
</ћём1> 


+ е1ет) 
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Использование јОиегу 
без селекторов 


Существуют также два јОпегу-метода, предназначенных для использования со 
стандартными объектами ЈауаЅсгіре и существенно упрощающих работу с ними. 
Это похожие друг на друга, но все же имеющие небольшие различия методы 
$.еасй и $.тар. 


Метод $.еасһћ 


Используя метод $ .еасһ, можно осуществить последовательный перебор элемен- 
тов массивов или подобных массивам объектов путем простого прикрепления 
к функции, вызываемой для каждой итерации. В примере 21.25 показан массив 
из имен и видов домашних животных (названный реїѕ), из которого должен быть 
извлечен другой массив (названный виіпеарівѕ), содержащий только имена мор- 
ских свинок. 


Пример 21.25. Вызов метода $.еасһ 


<1рОСТҮРЕ һёт1> 
<ћт1> 
<һеаа> 
<іії1е»Использование метода еасһ</&іЁ1е> 
<ѕсгірї ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5сгірі> 


</һеаа> 
<Боау> 
<аіу 1а='1пФо' ></491\> 
<$сг1ре> 
реѕ = 
{ 
Ѕсгасһу : 'Сбиіпеа Рів', 
5ачееку : 'би1теа Рів', 
ЕЛ Ру : 'Карбі+', 
Тпиутрег : 'Кабб1*', 
Ѕпоору : 10ров', 
тіаа1еѕ : "Саї' 
|, 


5и1пеар15$ = [] 


$.еасһ(реѕ, Ғипсіоп(пате, +уре) 


{ 
1+ (Фуре == 'би1теа Р18') ви1пеар1в$ .ризВ (пате) 
9) 
$('#іпҒо').Һт1('Имена морских свинок: ' + риіпеарівѕ.јоіп(' & ')) 
</ѕсгірё> 
</боау> 


</ћЕм1> 
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Для выполнения поставленной задачи методу $.еасп передаются массив и безымян- 
ная функция для его обработки. Функция получает два аргумента, индекс в массиве 
(называемый пате) и содержимое каждого элемента (называемое +уре). 


Затем значение, имеющееся в ёуре, проверяется на предмет того, не содержит ли 
оно строку би1пеа Ріє, и если содержит, значение, имеющееся в пате, вставляется 
в массив ви1пеар1в$. По завершении содержимое массива ви1пеар15$ выводится на 
экран путем записи его в ‹91\/>-элемент с идентификатором іп#о. Чтобы отделить 
элементы массива друг от друга, используется ]ауазст!р{-метод јоіп с символом & 
в качестве разделителя. В результате загрузки примера в браузер на экране будет 
просто отображен текст Имена морских свинок: Ѕ5сгаїсћһу & 5ачееКу. 


Метод $.тар 


То же самое можно сделать и с помощью метода $ .тар, который возвращает все зна- 
чения, возвращенные функцией, в виде массива, освобождая вас от необходимости 
создания массива с последующим помещением в него соответствующих значений, 
что приходилось делать в предыдущем примере. 


Вместо этого создать и наполнить массив можно, одновременно присвоив ему тот 
массив, который будет возвращен методом $.тар (итоговый результат будет тем 
же, но для его получения используется меньший объем кода): 


Биіпеарівѕ = $.тар(реёѕ, Ғипсёіоп(%уре, паме) 


1+ (уре == 'биіпеа Рір') гефигп пате 


}) 





Будьте внимательны, используя методы $.еасй и $.тар один вместо другого, 
поскольку метод $.еасй передает аргументы функции в последовательности «ин- 
декс, значение», а в тар используется последовательность «значение, индекс». 
Именно поэтому в предыдущем примере использования метода $.тар аргументы 
поменялись местами. 














Использование асинхронного обмена данными 


В главе 17 был подробно показан порядок реализации асинхронного обмена данны- 
ми между кодом ЈауаЅсгірї в браузере и кодом РНР, запущенным на веб-сервере. 
Кроме того, там был представлен ряд удобных и компактных функций, которые 
можно будет вызывать для упрощения процесса. 


Но если у вас загружена библиотека јОпегу, можно вместо них отдать предпочтение 
использованию асинхронных функций, имеющихся в этой библиотеке, которые 
работают очень похоже вне зависимости от того, какой запрос был вами выбран, 
РОЗТ или СЕТ, и взять их из этой библиотеки. 
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Метод РОЅТ 


В примере 21.26 показан непосредственный }Очегу-эквивалент примера 17.2 (за- 
гружающий сайт Атахоп Мое в <аіу>-контейнер), но, поскольку весь код, зани- 
мающийся обработкой асинхронного обмена данными, убран в файл библиотеки 
]Опегу, пример получился гораздо короче. Ему требуется один-единственный 
вызов метода $ .роз*, которому передаются следующие три аргумента: 


о ОКГ-адрес РНР-программы на сервере, к которой нужно обратиться; 


О данные для передачи по этому О ВГ-адресу; 





О безымянная функция для обработки возвращаемых данных. 


Пример 21.26. Отправка асинхронного РО$Т-запроса 


<1рОСТҮРЕ Нт1> 
<Нт1> <!-- јаоегуаѕипсроѕ&.һЕт --> 
<һеаа»> 
<61Ё1е>јдиегу асинхронный РОЅТ-запрос</&1+1е» 
<ѕсгір ѕрс= 'јдаиеғу-3.2.1.тіп.ј5'></5ѕсгірі> 
</һеаа> 
<Бо4у ѕ+у1е= '+ехі-а1івп: сепёег' > 
<һ1>Загрузка веб-страницы в ЮІМ</һ1» 
<аіу іа='іпҒо' >Это предложение будет заменено</ іу» 


<ѕсгірї» 
$.роѕ+('иг1роѕ.рһр', { иг1 : 'амагоп.сот/ер/ам' }, Ғипсёіоп(дӢа+а) 


{ 
$ '#іпҒо').ҺЕт1 (ааа) 


$) 
</ѕсгірё> 
</боау> 
</ћЕт1> 


Программа иг1роѕ.рһр остается такой же, какой она была в примере 17.3, посколь- 
ку оба примера взаимозаменяемы. 


Метод СЕТ 


Асинхронный обмен с данными использованием СЕТ-метода осуществляется 
практически так же легко и требует только двух следующих аргументов: 


о ОВІ-адрес РНР-программы на сервере, к которой нужно обратиться (вклю- 
чающий строку запроса, содержащую передаваемые этой программе данные); 





О безымянная функция для обработки возвращаемых данных. 


Пример 21.27 является ]Оцету-эквивалентом примера 17.4. 


Пример 21.27. Отправка асинхронного СЕТ-запроса 


<!РОСТУРЕ Нт1> 
<Нт1> <!-- Эачегуазипсве{. пет --> 
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<Пеад> 
<{1{1е>)0чегу асинхронный бЕТ-запрос</+1{1е> 
<5сгір $згс=')ацегу-3.2.1.т1п.]$'></5$сг1ре> 
</Неаа> 
<Боду $%у1е='{ех*-а115п: сепег' > 
<|1>Загрузка веб-страницы в ОТ\</Н1> 
<аіу іа='іпҒо' >Это предложение будет заменено</діу> 


<5сг1ре> 
$. реї('иг1ве+.рһр?иг1=атагоп. сот/ер/ам', ФипсЕТоп( дажа) 


$('"#1іп+о').һет1 (дажа) } ) 
</5сг1рЕ> 
</боау> 
</ћт1> 


Программа иг1ве .рНр остается такой же, какой она была в примере 17.5, поскольку 
оба примера взаимозаменяемы. 





Следует помнить, что ограничительные меры безопасности асинхронного об- 
мена данными требуют, чтобы этот обмен велся с тем же сервером, с которо- 
го был предоставлен основной веб-документ. Для асинхронного обмена дан- 
ными нужно также использовать веб-сервер, а не локальную файловую 
систему. Поэтому данные примеры лучше всего тестировать, используя, соглас- 
но описаниям, приведенным в главе 2, производственный или разработочный 
сервер. 














Дополнительные модули (плагины) 


В данной главе места хватило только для описания основной библиотеки }Опету, 
и, хотя начинающим этого более чем достаточно для того, чтобы освоиться с но- 
выми возможностями, настанет время, когда потребуются новые функциональные 
возможности. К счастью, здесь вам смогут помочь другие проекты јОпегу, по- 
скольку круг доступных в настоящее время официальных и неофициальных до- 
полнительных модулей может предоставить вам любые функции, которые только 
можно себе представить. 


Пользовательский интерфейс ]Очегу 


В первую очередь следует упомянуть библиотеку дополнительных модулей поль- 
зовательского интерфейса јОпегу (известную как јОпегу ОТ, ћр://јаиегуиі.сот), 
которую можно взять там же, где и саму библиотеку јОпегу. Применяя эти допол- 
нения, можно добавлять к своим веб-страницам методы перетаскивания, измене- 
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ния размеров и сортировки, а также использовать на них еще больше эффектов, 
в том числе анимационных, применяя их также к цветовым переходам, получать 
расширенные возможности изменения скорости выполнения эффектов, а также 
применять пакеты виджетов для создания меню и других визуальных объектов, 
таких как разъезжающиеся вкладки, кнопки, календари для выбора дат, индика- 
торы хода выполнения, ползунки, пошаговые переключатели, вкладки, подсказки 
и многое другое. 


Если перед тем, как принять решение о загрузке какого-либо дополнительного 
модуля, есть желание просмотреть демонстрацию его работы, зайдите на страницу 
сайта по адресу ћ№р://јачегуиі.сот/детоѕ. 


Весь пакет занимает чуть меньше 400 Кбайт сжатого кода, и его можно абсолютно 
свободно использовать практически без всяких ограничений (по весьма щедрой 
МІТ-лицензии). 


Другие дополнительные модули 


В реестре јОпџегу РІцеіп Керіѕігу (пир://ридтв.ддцегу.сот) содержится подборка ши- 
рокого разнообразия бесплатных и уже готовых к работе дополнительных модулей 
к јОиегу от многих разработчиков. В их числе модули для расширенной обработки 
и проверки форм, для демонстрации слайдов, для живых откликов на действия 
пользователей, для работы с изображениями, для получения еще большего коли- 
чества эффектов анимации и для многого другого. 








Если разработка ведется для браузеров мобильных устройств, то вам непременно 
захочется посмотреть на вариант јОиегу, предназначенный для работы на этих 
устройствах, јОиегу МоЫііе (см. главу 22), предоставляющий специализированные, 
оптимизированные для использования сенсорных экранов способы навигации 
с применением широкого диапазона различных типов мобильного оборудования 
и программных средств с целью обеспечения наиболее выгодного восприятия 
пользователями. 








При чтении данной главы вами была проделала немалая работа, вы изучили ма- 
териал, который порой становится темой отдельных книг. Но я надеюсь, что вам 
удалось во всем разобраться, поскольку јОпегу очень легко поддается изучению 
и использованию. А теперь, пожалуйста, уделите еще немного времени и вни- 
мательно прочитайте приложение Д, в котором перечислены основные объекты, 
события и методы јОпегу и которое должно послужить вам весьма удобным спра- 
вочником. Если нужна другая информация, обратитесь, пожалуйста, на сайт јОџегу 
по адресу ћ&р://јаиегу.сот. 
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1. Какой символ обычно используется в качестве фабричного метода для создания 
объектов јОпегу и какое имя применяется альтернативным методом? 

2. Как создать ссылку на минимизированную версию выпуска 3.2.1 јОџегу, полу- 
чаемую из Соое СОМ? 

Какие типы аргументов приемлемы для фабричного метода ]Опегу? 

4. С помощью какого метода јОпегу можно получить или установить значение 
С55-свойства? 

5. Какую инструкцию нужно использовать для прикрепления метода к событию 
щелчка на элементе с идентификатором е1ет, чтобы этот элемент медленно 
исчез? 

6. Какое свойство элемента нужно изменить в целях применения к нему эффекта 
анимации и какими могут быть приемлемые значения? 

7. Как можно добиться одновременного (или последовательного в случае при- 
менения анимации) запуска сразу нескольких методов? 

8. Как извлечь узловой объект элемента из объекта, выбранного средствами 
]Очпегу? 

9. Какая инструкция установит отображение полужирным шрифтом одноуровне- 
вого элемента, который следует непосредственно перед элементом с идентифи- 
катором пем$? 

10. С применением какого метода средствами јОпегу делается асинхронный СЕТ- 


запрос? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Введение 
в јОиегу МоЫіе 


После изучения главы 21 и осознания того, что использование ]Опегу существенно 
экономит время и повышает эффективность разработки программ, вам, видимо, 
будет приятно узнать о дальнейшем расширении возможностей за счет применения 
библиотеки ]Оцегу Мое. 


Созданная в качестве дополнения к јОпегу, библиотека јОпегу Мое требует 
включения в веб-страницу обеих этих библиотек (а также использования файла 
С55$ и дополнительных изображений). Это позволяет при просмотре страницы на 
смартфонах и других мобильных устройствах воспользоваться полностью интер- 
активным интерфейсом. 


Библиотека јОџегу Мое позволяет переделывать обычные веб-страницы, пре- 
вращая их в страницы для мобильных устройств с помощью технологии под 
названием «постепенное улучшение» (при использовании которой сначала для 
получения наилучшего отображения применяются основные функции браузера, 
а затем происходит добавление функциональной насыщенности по мере раскрытия 
возможностей имеющегося на устройстве браузера). В библиотеке применяются 
также функции так называемого адаптивного веб-дизайна (благодаря чему до- 
стигается весьма качественное отображение веб-страниц на широком диапазоне 
устройств при различных размерах окон и экранов). 


Основная цель данной главы не заключается в том, чтобы научить вас абсолютно 
всему, что нужно знать о }Опегу Мое, для чего может понадобиться целая книга! 
Мне хочется снабдить вас информацией, достаточной для преобразования любого 
не слишком большого объема веб-страниц в выстраиваемое в логическую последо- 
вательность быстрое и красивое веб-приложение со всеми слайд-показами страниц 
и другими переходами, ожидаемыми от современного сенсорного устройства, 
а также с более крупными и удобными в использовании значками, полями ввода 
и другими усовершенствованиями ввода и навигации. 
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С этой целью будет рассмотрен лишь небольшой объем основных функций ]Опегу 
МоБіе, позволяющий приступить к разработке вполне понятных и работоспособ- 
ных решений, которые могут запускаться как на настольных компьютерах, так и на 
мобильных платформах. Наряду с этим будут рассмотрены сложности, с которыми 
можно столкнуться на пути предлагаемой адаптации веб-страниц под мобильные 
устройства, и способы их преодоления. После освоения работы с библиотекой 
]Очегу Мое, станет проще ориентироваться в онлайн-документации при поиске 
функциональных свойств, необходимых при разработке ваших собственных про- 
ектов. 





Кроме постепенного улучшения способа отображения вашего кода НТМІ в зави- 
симости от возможностей браузера, на котором он обнаружит себя запущенным, 
библиотека јОиегу Мое также постепенно улучшает обычную НТМЕ-разметку 
на основе используемых тегов и набора пользовательских атрибутов данных. 
Некоторые элементы подвергаются автоматическому улучшению, не нуждаясь 
при этом в каких-либо атрибутах данных (например, элементы выбора проходят 
автоматическое преобразование в меню), а некоторые требуют для усовер- 
шенствования наличия атрибутов данных. Полный перечень поддерживаемых 
атрибутов данных можно найти в документации по АРТ. 








Включение јОиегу Мое 


Включить ]Очегу Мое в ваши веб-страницы можно двумя способами. Можно 
перейти на страницу загрузки ћёр://јдиегутобііе.сот/аомпіоаа/, выбрать нужную 
версию, загрузить файлы на ваш веб-сервер (включая таблицы стилей и сопут- 
ствующие изображения, поставляемые вместе с библиотекой) и пользоваться всем 
этим отсюда. 


Например, если в корневой каталог документов вашего сервера загружены библио- 
тека јОпегу Мое 1.4.5 (это последняя версия на момент написания книги) и ее 
С55-файл, можно включать в веб-страницу их и сопутствующую им ЈауаЅсгірі- 
библиотеку јОпегу, у которой, применительно ко времени написания книги, должна 
быть версия 2.2.4, поскольку јОпџегу Мое тогда еще не поддерживала версию З 
(но планировалось, что јОџегу МоЫе 1.5 станет поддерживать јОпегу 3). Для этого 
воспользуйтесь следующим кодом: 


<1іпк вге+=" Ир: //тузегуег. сот/ јдиегу .тобі1е-1.4.5.міп.сѕ5" ге1="фу1езНее*"> 
<$сг1рЕ згс=' Ир: //тузегуег. сот/јдаиегу-2.2.4.тіп. ј5'></ѕсгірі> 
<$сг1рЕ згс=' Ир: //туѕегуег. сот/ у аиегу .тоб11е-1.4.5.м4п.]$'></5сг1ре> 


Или же, как и в случае применения } Оцегу, можно воспользоваться предлага- 
емой в свободном доступе сетью доставки контента — сопѓепі АеПуегу пебууогк 
(СОМ) и просто сослаться на требуемую вам версию (или версии). Свой выбор 
можно остановить на одной из трех основных СО№-сетей (Мах СОМ, Соое 
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СОМ и Місгоѕоќ СОМ), нужные файлы из которых извлекаются следующими 
способами: 


<!-- Кефг1еу1т& )Очегу & Мобі1е уіа Мах СОМ --> 
<1іпк ге1="5$у1езпее*" 

ћгеғ= "Вер: //соае. јаиегу. сот/тобі1е/1.4.5/јдиеғгу.тобі1е-1.4.5.міп.сѕ5"> 
<5сгірё хгс="И р: / /со4е.)уачцегу . сот/јдоегу-2.2.4.тіп.јѕ"></5сгірі» 
<5сг1ре хгс="И р: / /соае. ] ацегу . сот/тобі1е/1.4.5/јдаиегу.торі1е-1.4.5.тіп.јѕ"> 
</зсг1ре> 


<!-- Кеёгіеуіпе )Оцчегу & Мобі1е уіа боор1е СОМ --> 
<1іпк ге1="5{у1езпее{" һғеғ= 

"Һер : //ајах. воор1еаріѕ. сот/ајах/1105/јдчегуторі1е/1.4.5 /јдиегу.тобі1е.тіп.сѕ5"> 
<5сгір $гс= 

"еер : //ајах . воор1еаріѕ. сот/ајах/11605/јдачегу/2.2.4/јачегу. тіп. јѕ"></ѕсгірі> 
<5сгір $гс= 

"Һер: //ајах. воор1еаріѕ. сот/ајах/1105/јдчегуторі1е/1.4.5/јдоегу.тобі1е.тіп.јѕ" > 
</ѕсрірі» 


<!-- Кеёгіеуіпе јдиегу & Мобі1е уіа МісгоѕоҒё СОМ --> 
<1іпк ге1="5$у1езПпее{" һғеғ= 

"еер : //ајах .аѕрпесап. сот/ајах/јачегу.торбі1е/1.4.5/јаиегу.тобі1е-1.4.5.тіп.сѕ5"> 
<5сгір $гс= 

"еер : //ајах .аѕрпеЁсап. сот/ајах/јдиегу/јдаиеғу-2.2.4.тіп.ј5"></ѕсгірі> 
<5сгір $гс= 

"еер : //ајах .аѕрпесап. сот/ајах/јачегу.тобі1е/1.4.5/јдоегу.тобі1е-1.4.5.тіп.јѕ" > 
</зсг1рЕ> 


Вероятно, один из наборов этих инструкций вам захочется разместить в <Пеад>- 
разделе страницы. 


Чтобы предоставить возможность использования приводимых примеров в авто- 
номном режиме, я загрузил все требуемые файлы ]Очегу и включил их с архивом 
файлов примеров в набор, который можно свободно загрузить с сайта, сопрово- 
ждающего эту книгу (Һр://1ртј.пеұ/). Поэтому во всех примерах показаны файлы, 
обслуживаемые в режиме локальной работы. 
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Давайте сразу углубимся в тему, наблюдая за общим внешним видом веб-страницы 
]Оцегу Мое, воспользовавшись кодом, показанным в примере 22.1. По сути, 
ничего сложного в этом не будет, и такое беглое ознакомление поможет быстро 
разложить по своим местам весь остальной материал данной главы. 


Пример 22.1. Одностраничный шаблон јОиегу Мое 


<!БОСТУРЕ ҺЕт1> 
<ћЕм1> 
<һеаа» 
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<тефа сһагѕеё="иЁғ-8" > 
<тефа пате="уіемрогі" сопёеп="міаёһ=Ӣеуісе-міаёһ, іпіёіа1-ѕса1е=1" > 
<{1{1е>Одиночная страница</+ії1е» 
<1іпк ге1="5{у1езПее{" һгеғҒ="јдиегу.торі1е-1.4.5.тіп.сѕ55"> 
<5сгір ѕс="јдиегу-2.2.4.тіп.ј5"></5сгірЕ> 
<5сгірЄ ѕрс="јдиегу.тобі1е-1.4.5.міп. ј5"></ѕсгірїі> 
</Неаа> 
<Боду> 
<аіу дафа-го1е="разе"> 
<аіу дафа-го1е="Пеадег" > 
<ћ1>0диночная страница</Н1> 
</аіу> 
<аіу да+а-го1е="сопёепі" > 
<р>Это одностраничный шаблон страницы</р> 
</аіу> 
<аіу да+а-го1Іе="Ғоотег" > 
<ћ4>Содержимое колонтитула< /һ4> 
</аіу> 
</аіу> 
</боау> 
</ћт1> 


При изучении предыдущего примера видно, что он начинается со стандартных 
и вполне ожидаемых элементов НТМІ5. Первым необычным элементом, кото- 
рый может броситься в глаза в разделе «һеад», станет настройка окна просмотра 
утемрог\, осуществляемая внутри тега <теќа>. Эта строка кода указывает мобиль- 
ным браузерам на необходимость установки ширины показываемого документа 
в ширину окна браузера, и на начало работы с документом без увеличения или 
уменьшения его изображения. Как выглядит страница в браузере, показано на 
рис. 22.1. 


После обозначения заголовка страницы загружается С$5 для ј Опегу Мое, затем 
загружается библиотека јОпегу 2.2.4 и библиотека јОпегу МоЫе 1.4.5. Если хотите, 
можете загрузить их из сети СОМ, о чем уже говорилось в разделе «Включение 
јОпегу Мое». 





В примерах, сопровождающих эту главу, есть папка по имени ітадеѕ, содержащая 
значки и другие изображения, востребованные таблицами С55. Если для загрузки 
С55 и файлов библиотек Јауабсгірї используется сеть СОМ, необходимость вклю- 
чения этой папки в ваш собственный проект может отпасть, поскольку вместо нее 
нужно будет воспользоваться папкой изображений, принадлежащей сети СОМ. 








Переместившись к разделу <Боду>, следует заметить, что главная веб-страница 
помещена в <41\>-элемент. Он определяет значение свойства характера данных на 
странице дафа-го1е јОџегу Мое и содержит еще три <91\>-элемента для заголов- 
ка, содержания и нижнего колонтитула страницы, у каждого из которых имеется 
соответствующее свойство аа+а-го1е. 
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Р 
(<) Э Со ОФ ьеапозу22 раде етр! 








Одиночная страница 







Это одностраничный шаблон страницы 







Содержимое колонтитула 











Рис. 22.1. Отображение одностраничного шаблона јОиегу Мое в окне браузера 


Из этого складывается основная структура веб-страницы јОпегу Мое. Связыва- 
ние страниц предполагает загрузку новых страниц и добавление их в ООМ-модель 
с использованием асинхронного режима обмена данными. После загрузки страница 
может выводиться на экран множеством способов, включая мгновенную замену 
прежней страницы, плавное выведение новой страницы, постепенное превращение 
старой страницы в новую, наплыв новой страницы на старую и т. д. 








Из-за асинхронной загрузки веб-страниц тестирование вашего кода }Очегу Мое 
всегда нужно проводить на веб-сервере, а не в локальной файловой системе. 
Это связано с тем, что именно веб-сервер обеспечивает асинхронную загрузку 
веб-страниц, необходимую для правильного обмена данными. 








Связывание страниц 


Библиотека јОпегу Мое позволяет связывать страницы обычным способом и вы- 
полнять (по возможности) асинхронную обработку страничных запросов, чтобы 
обеспечить применение любых выбранных вами переходов. 
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Это позволяет сосредоточиться просто на создании веб-страниц, возложив на 
средства библиотеки јОџегу Мое обязанности по формированию их удобного 
внешнего вида и быстрому их выводу на экран в профессиональном качестве. 


Чтобы включить анимированные переходы от страницы к странице, все ссылки, 
указывающие на внешние страницы, приведут к загрузке страниц в асинхронном 
режиме. В јОпегу Мое это достигается за счет превращения всех ссылок вида 
<а пге+...> васинхронные запросы на обмен данными (также известные как Ајах) 
с последующим выводом на экран кругового индикатора загрузки на время вы- 
полнения запроса. 





Смена страниц после щелчка на ссылке выполняется в библиотеке ]Оцегу Мое 
за счет «перехвата» щелчков при доступе к событию ехмепі.ргеуепЮеѓаиі и по- 
следующего предоставления собственного особого кода јОиегу Мое. 








Если запрос завершен успешно, к ООМ-модели добавляется содержимое новой 
страницы, а затем происходит визуализация выбранной новой страницы с исполь- 
зованием перехода либо по умолчанию, либо по вашему выбору. 


При неудачном завершении запроса ненадолго будет выведено небольшое и нена- 
вязчивое уведомительное сообщение об ошибке, которое не помешает навигации 
по страницам. 


Синхронная связанность 


Данные по ссылкам, указывающим на другие домены или имеющим атрибуты 
ге1="ехеегпа1", ааа-ајах="Ға15е" или *агве+, будут загружаться в синхронном 
режиме, что приведет к полному обновлению страницы без анимированных пере- 
ходов. 


Атрибуты ге1="ехеегпа1" и дафа-а]ах="+а15е" приводят к одинаковому эффекту, 
но первый из них предназначен для ссылок на другой сайт или домен, а второй 
пригодится для предотвращений асинхронного режима загрузки любой страницы. 


Из-за ограничений, накладываемых мерами безопасности, јОпегу Мое загружает 
страницы со всех внешних доменов в синхронном режиме. 





При использовании выгрузки НТМЕ-файла асинхронную загрузку страниц при- 
дется отключить, поскольку этот способ извлечения веб-страницы конфликтует 
с заложенной в јОиегу Мое возможностью получения выгружаемого файла. 
Для данного конкретного случая наилучшим вариантом, наверное, станет по- 
мещение атрибута ааїа-ајах= аіѕе' в элемент <ѓогт>: 





<Ғогт аа+а-ајах='Ға15е' теһоӣ= 'роѕі' 
асііоп='ӣеѕё_Ғі1е' епсёуре= 'ти1&іраг/Ғогт-Яаќа' > 
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Связанность внутри 
многостраничного документа 


В одном НТМГ-документе может содержаться одна или несколько страниц. 
Последний вариант предполагает формирование структуры из <91\>-элементов 
с указанием характера имеющихся на странице данных — даёа-го1е. Это позво- 
ляет создать в рамках одного НТМІ-документа небольшой сайт или приложение; 
библиотека јОпегу Мое просто отобразит на экране первую страницу, которая 
будет найдена в исходном порядке загрузки страниц. 


Если ссылка в многостраничном документе указывает на гипертекстовый элемент 
(например, #раве2), среда станет искать охватывающий страницу <91\>-элемент 
с атрибутом да+а-по1е, имеющим значение раве, и с заданным идентификатором 
іа (14="раве2"). Если такая страница будет найдена, произойдет ее вывод на 
экран. 


Библиотека јОџегу Мое позволяет пользователям беспрепятственно переме- 
щаться между всеми типами веб-страниц (внутренними, локальными или внеш- 
ними). Для конечного пользователя все страницы будут выглядеть одинаково, за 
исключением внешних страниц, при вызове которых будет выводиться круговой 
индикатор загрузки Ајах. Во всех ситуациях јОпегу Мое обновляет страничный 
О ВГ-хеш с целью поддержки функционирования кнопки возврата на предыдущую 
страницу. Это также означает, что страницы јОпегу Мое могут индексироваться 
поисковыми механизмами и не имеют никаких барьеров где-нибудь в своем родном 
приложении. 








При связывании из страницы, отображенной в формате для мобильных устройств 
и загруженной в асинхронном режиме в документ, в котором содержатся не- 
сколько внутренних страниц, к ссылке нужно добавить либо ге|="ежегпа!", либо 
ааїа-ајах= "Ғаіѕе", чтобы принудительно вызвать полную перезагрузку страницы, 
вычищая асинхронный хеш из ЦВЕ. В страницах, загруженных в асинхронном 
режиме, знак решетки (#) используется для отслеживания их истории, в то 
время как во множестве внутренних страниц этот знак используется в качестве 
признака внутренних страниц. 














Смена страниц 


С помощью С$$-переходов јОпегу Мое может при условии использования 
асинхронной навигации (включаемой по умолчанию) применять эффекты к любой 
ссылке на страницу или к отправке формы. 


Чтобы воспользоваться переходом, внутри тега <а> или &1+ ; Ғогтёв+; применяется 
атрибут аата-+гап$11оп: 


<а Чафа-%гап$1%10п="$114е" һге#Ғ=" деѕііпаёіоп. һіт1" >Нажми меня</а> 
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Этот атрибут поддерживает значения +аде (начиная с версии 1.1 используется по 
умолчанию), рор, #11р, Еигп, Ғ10ом, $114еаае, °114е (использовалось по умолчанию 
до версии 1.1), ѕ1ідеир, ѕ1ідейомп и попе. 


Например, значение $114е вызывает наплыв новой страницы справа при одновре- 
менном сдвиге текущей страницы влево. Эффект, вызываемый другими значени- 
ями, обусловливается их названиями. 


Загрузка страницы, используемой 
в качестве диалогового окна 


Новую страницу можно отобразить на экране в качестве диалогового окна, вос- 
пользовавшись атрибутом аата-ге1 со значением діа106: 


<а ӣа+а-ге1="аіа1ов" һгеғҒ="аіа1ор.һіт1">Открыть диалоговое окно</а> 


Применение различных страничных переходов как к загрузке страниц, так и к диа- 
логам при локальной (не по сети СОМ) загрузке библиотек јОпегу показано 
в примере 22.2. Он состоит из простой таблицы в два столбца, первый из которых 
предназначен для загрузки диалога, а второй — для загрузки новой страницы. 
Перечислен каждый из доступных типов переходов. Чтобы ссылки выглядели как 
кнопки, каждая из них снабжена атрибутом дафа-го1е со значением Би топ (кнопки 
рассматриваются в разделе «Стильные кнопки»). 


Пример 22.2. Страничные переходы в јОиегу Мобііе 


<1рОСТҮРЕ һ&т1> 
<һЕт1> 
<Пеад> 
<тефа сһагѕеё="иЁғ-8" > 
<тефа пате="уіемрогі" сопёепі="міаёћ=Ӣемісе-міаёһ, іпіёіа1-ѕса1е=1" > 
<{1{1е>Страничные переходы јдиегу Мобі1е</+ії1е» 
<1іпк ге1="5+уІеѕһее&" һгеғ="јдиегу.торі1е-1.4.5.тіп.сѕ55"> 
<5сгір ѕрс="јдиегу-2.2.4.тіп.ј5"></5сгірЕ> 
<5сгірё ѕпс="јдиегу.тобі1е-1.4.5.міп. ј5"></5сгірїі> 
</Неаа> 
<роау> 
<аіу ааа-го1е= "раве" > 
<аіу да+а-ғго1е="һеайег" > 
<ћ1>Страничные переходы јдиегу Морі1е</һ1> 
</аіу> 
<аіу да+а-го1е="сопёепї" ><фаб1е> 
<Ег><Ећ><Һ3>Ғайе</һ3></&һ> 
<{4>‹а һгеғ="раре-+етр1ате.һёт1" дафа-ге1="91а1о8" 
Дафа-+гап$1{1оп="ФРаде" дафа-го1е='Би{ оп ' >41а10о5</а></+а> 
<{4>‹а пге+="раве-+етр1афе.И+т1" дафа-%гап$11оп="Фааде" 
Дафа-го1е='Би{фоп ' >раве< /а></+а> 
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</6г><г><6ћ><ћЗ>рор</һ3></&һ> 
<{4>‹а Пге+="раве-+етр1афе.И+т1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{1оп="рор" дафа-го1е='БиФоп' >41а105</а></*4а> 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" дафа-%гап$1{1оп="рор" 
дата -го1е= 'риї+оп'>раре</а›</+а» 
</6г><Ег><6ћ><АЗ>Ғ11ір</һ3></+һ> 
<{4>‹а һғеҒ="раре-+етр1ате.һёт1" даёа-ге1="аіа1ор" 
ааћа-+гапѕііоп="+11р" дата-го1е= 'биоп' >41а108</а></+а> 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" даёа-©гапѕіёіоп="Ғ1ір" 
Дафа-го1е='Би{®оп ' >раве</а></*а> 
</Ег><Ер><Ећ><АЗ>игп</3></6һ> 
<{4>‹а һғеҒ="раре-+етр1ате.һёт1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{1оп="фигп" дата-го1е= 'биоп' >41а108</а></+а> 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" дафа-%гап$1Е1оп="игп" 
Дафа-го1е='Би{®оп ' >раве</а></*4> 
</г><г><ЕН><Н3>+10м</В3></П> 
<{4>‹а Пге+="раве-+етр1а{е.И{т1" дафа-ге1="41а1о8" 
Дафа-+гап$1{1оп="11ом" дафа-го1е=' Би оп" >41а1о5</а></+а> 
<{4>‹а Пге+="раре-+етр1афе.И{т1" даёа-©гапѕіёіоп="Ғ1ом" 
Дафа-го1е= 'Би{ оп ' >раве</а></*4> 
</Ег><Ег><Ећ><3>51іаеҒайе</һ3></+һ> 
<{4>‹а Пге+="раве-+етр1афе.И+т1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{10п="$114дефа4е" дафа-го1е='Би{ оп ' >41а105</а></+а> 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" ааёа-©гапѕіёіоп="51ійеҒаае" 
дата -го1е= 'биї+оп'>раре</а></+а» 
</Ег><Ег><Ећ><3>51іае</һ3></&һ> 
<{4>‹а Пге+="раве-+етр1а{е.И+т1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{10п="$114е" дафа-го1е='Би{®оп ' >41а105</а></+а> 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" дафа-%гап$1{1оп="$11ае" 
Дафа-го1е='Би{ оп ' >раве</а></*а> 
</6г><г><6ћ><А3>51іаеир</һ3></&һ> 
<{4>‹а һғеҒ="раре-+етр1атће.һёт1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{10п="$114еир" дафа-го1е='Би{оп' >41а108</а></%а> 
<{4>‹а Пге+="раве-+етр1а{е.И{т1" дафа-%гап$11оп="$11аеир" 
дата -го1е= 'риї+оп'>раре</а></+а» 
</Ег><Ег><Ећ><А3>51іаедомп</Һ3></Еһ> 
<{4>‹а һғеҒ="раре-+етр1ате.һёт1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{10п="$114едомп" дафа-го1е='Би{ оп ' >іа10рв</а»<‹/+а» 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" ааёа-©гапѕіёіоп=" ѕ51ійейомп" 
Дафа-го1е='Би{®оп ' >раве</а></*4а> 
</Ег><Ег><Ећ><һЗ>попе</ћ3></&һ> 
<{4>‹а Пге+="раве-+етр1афе.И+т1" даёа-ге1="аіа1ор" 
Дафа-+гап$1{1оп="попе" дата-го1е= 'биоп' >41а108</а></+а> 
<{4>‹а Пге+="раре-+етр1а{е.И{т1" дафа-%гап$1{1оп="попе" 
Дафа-го1е= 'Би{®оп ' >раре</а></+4></+г></+аб1е> 
</91\> 
<аіу дафа-го1е="Фоо*ег"> 
<ћ4><а пПге+=" Ир: //1пучг1 . сот/јат-ёгапѕ" >Официальное демо</а></һ4> 
</аіу> 
</аіу> 
</боау> 
</ћЕт1> 
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На рис. 22.2 представлены результаты загрузки этого примера (сохраненного 
в файле рареёетр1ате.һет1) в браузер, а на рис. 22.3 показывается в действии 
переход в виде переворота (Пір). Кстати, переход по ссылке ћёр://аетоѕ.јдиегуто- 
Ые.сот/1.4.4/гап$юоп5/, указанной в самом конце примера, приведет к сайту 
официальной демонстрации, где можно будет ознакомиться с этими эффектами 
более подробно. 
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Рис. 22.2. Применение переходов к страницам и диалогам 


Связывание страниц 615 








© Одностраничный шаблон стр Ж + == 


— 
(6) э а @ | Ф Іосаіһоѕ22/гапѕійопѕ.Һіт .. 9 ў Га еагсп 











Страничные переходы јдиегу Мое 
аїаіод 
їаіод 


{шгп їаіод 


Пом Фіаіод 


51ійеѓаде аіаіод 


Ѕ1іде Фаюд 
$йдеир — Фаюд 
51ідедомт Фаюд 


попе Чаюд 


Официальное демо 


Рис. 22.3. Е!р-переход в действии 


Стильные кнопки 


Простую ссылку совсем нетрудно показать в виде кнопки, не добавляя для этого 
свой собственный код С$5. Нужно лишь предоставить значение Би{Фоп использу- 
емому в элементе атрибуту дафа-го1е: 


<а дафа-го1е="Би{Фоп" һгеғ="пемѕ . һт1" > Последние новости</а> 
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Можно решать, будет ли эта кнопка шириной во все окно (по умолчанию), подобно 
<аіу>-элементу, или же показана как составляющая линейной структуры, подобно 
<ѕрап>-элементу. Для второго варианта атрибуту дата-1п11пе нужно присвоить 
значение гие: 


<а дафа-го1е="Би{Фоп" 4афа-1п11пе="4гие" пге+="пем$ . ҺЕмт1">Последние новости</а» 


Изменить способ отображения можно для любой кнопки, как созданной из ссылки, 
так и использованной из формы, для чего нужно сделать выбор между скругленны- 
ми углами (по умолчанию) или прямыми углами и придать кнопке тень (по умол- 
чанию) либо показать ее без тени. Функции, используемые по умолчанию, можно 
выключить, присвоив соответствующим атрибутам дафа-согпег$ и дафа-зНааом 
значение Ға1ѕе: 


<а ӣаёа-го1е= "би+оп" дафа-1п11пе="+гие" дафа-согпег$="+а15е" 
аа+а-ѕһадом="Ға15е" һгеғ="пемѕ . Һт1" > Последние новости</а> 


Более того, воспользовавшись атрибутом да+а-ісоп, можно даже добавить к кноп- 
кам значки: 


<а а+а-го1е="бриёёоп" дафа-1п11пе="{гие" дафа-1соп="Поте" 
ћгеғ="һоте .һЕт1" Домашняя страница</а> 


Существует на выбор более 50 готовых к применению значков. Все они созда- 
ны с использованием довольно мощного графического языка под названием 
ЅсајаБе Уесбог Старһісѕ ($УС), то есть масштабируемая векторная графика, а для 
устройств, не поддерживающих 5С, используется формат РМС, придающий 
значкам особую привлекательность на дисплеях с технологией Кейта. Доступные 
значки можно увидеть на демонстрационной странице по адресу ВНр://пуий.сот/ 
јатісоп. 


По умолчанию значки появляются слева от текста кнопки, но можно выбрать их 
размещение справа, выше или ниже текста или же удалить любой текст, применив, 
соответственно, значения гівћ, ор, боот или поѓех+ к атрибуту Ӣа+а-ісопроѕ: 


<а Ӣаћа-го1е="бриёћоп" дафа-1п11пе="{гие" дафа-1соп="Ноте" 
да+а-ісопроѕ="гіеһё" һгеҒ="Һоте .һЕт1" >Домашняя страница</а> 


Если выбрать вариант без текста, то по умолчанию значок будет показан на круглой 
кнопке. 


И наконец, в завершение этого краткого обзора по стилизации кнопок рассмотрим 
вариант выбора уменьшенных кнопок (включая и их текст) путем присваивания 
атрибуту да+а-тіпі значения гие: 


<а Яаёа-го1е= "би+оп" дафа-1п11пе="+гие" дафа-1соп="Поте" 
аа+а-тіпі="Егие" һгеғ="һоте .Һт1" >Домашняя страница</а> 


В примере 22.3 представлена подборка кнопок, созданных с применением различ- 
ных стилей (без указания для краткости атрибутов пге+). Результат выполнения 
кода примера показан на рис. 22.4. 
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Рис. 22.4. Ассортимент кнопочных стилей 


Пример 22.3. Разнообразные кнопочные элементы 


<а ӣаёа-го1е="биё+оп" >реҒаи1+‹/а> 

<а ааёа-го1е="биё+оп" аа+а-іп1іпе= "гие" >Тп-11пе</а> 

<а Яаба-го1е= "биі+оп" дафа-1п11пе="+гие" 
Дафа-согпег$="Фа15е">5дцагеЯ согпег$</а> 

<а дафа-го1е="Би{+оп" дафа-1п11пе="+гие" 
ааћа-ѕһааом="Ға1ѕе" >УпзЙадомеа< /а> 

<а дафа-го1е="Би{+оп" дафа-1п11пе="+гие" дафа-согпег$="Фа15е" 
да+а-ѕһайом="Ға15е">ВоЁһ</а»<Ыг> 

<а Яаба-го1е= "биі+оп" дафа-1п11пе="+гие" 
ааћа-ісоп="һоте">е# ісоп</а» 

<а Яаба-го1е="биё+оп" дафа-1п11пе="+гие" дафа-1соп="Поте" 
Дафа-1сопроз="г1в1 ">В 151 1соп</а> 

<а дафа-го1е="Би{+оп" дафа-1п11пе="+гие" дафа-1соп="Поте" 
ааса-ісопроѕ="+ор"»>Тор 1соп</а> 

<а дафа-го1е="Би{+оп" дафа-1п11пе="+гие" дафа-1соп="Поте" 
Дафа-1сопроз="Бо{{от" >Воћот 1соп</а><6г> 

<а дафа-го1е="Би{фоп" дафа-т1п1="{ гие" >реҒаи1+ М1п1</а> 
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На самом деле выбор стилевого оформления кнопок намного шире, и все необхо- 
димые вам подробности можно получить на сайте демонстрации кнопок по адресу 
ВЕр://Чпуий.сот/)атБиНопв. А пока вполне сгодится и эта вводная информация. 


Обработка списков 


Что касается обработки списков, \Опегу Мое предоставляет широкий спектр про- 
стых в применении свойств, позволяющих существенно упростить работу. Все эти 
свойства доступны за счет присваивания значения 1іѕ&уіем атрибуту дафа-го1е, 
принадлежащему элементу ‹и1> или <о1>. 


К примеру, для создания простого неупорядоченного списка можно воспользо- 
ваться следующим кодом: 


<и1 дафа-го1е="11$%\1ем"> 
<11>Брокколи</11> 
<11>Морковь</11> 
<11>Салат</11> 

</и1> 


Для получения упорядоченного списка нужно просто заменить открывающие и за- 
крывающие теги <и1> тегами <о1>, и список станет пронумерованным. 


Любые ссылки внутри списка автоматически получат значок стрелки, встраива- 
емый и изображаемый в виде кнопки. Можно также вставить список, смешав его 
с другим содержимым страницы, для чего нужно присвоить атрибуту даа-іпѕеё 
значение гие. 


В примере 22.4 показывается, как эти разнообразные свойства работают на прак- 
тике. Результат выполнения кода представлен на рис. 22.5. 


Пример 22.4. Подборка списков 


<и1 дафа-го1е="115$+\1ем" > 
<11>Это</11> 
<11>Немаркированный< /11> 
<11>Список</11> 

</и1><6г><6г> 


<01 афа-го1е="11$+\1ем" > 
<11>Это</11> 
<11>Маркированный< /11> 
<11>Список</11> 
</01><6г> 


<и1 ааёа-го1е="1іѕіуіем" аафа-1пзе*="+гие"> 
<11>Это</11> 
<11>Вложенный немаркированный< /11> 
<11>Список</11> 
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</и1> 


<и1 дафа-го1е="11$%\1ем" дафа-1п5е*="+гие"> 
<11>‹а Пгеф='#' >Это</а></11> 
<11>‹а пге+='#' >Вложенный немаркированный</а></11> 
<11>‹а һгеҒ='#'>Список ссылок</а></11> 

</и1> 
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Рис. 22.5. Упорядоченные и неупорядоченные, а также простые и вставленные списки 
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Фильтруемые списки 


Списки можно сделать фильтруемыми, присвоив атрибуту да+а-+11+ег значение 
гие, что приведет к появлению над списком поля поиска, по мере ввода в которое 
аргумента поиска из отображения списка будут автоматически удаляться не соот- 
ветствующие этому аргументу элементы списка. Можно также присвоить значение 
{гие аргументу да+а-+11+ег-ге\уеа1, в результате чего не будут показаны никакие 
элементы, пока пользователь не наберет в поле фильтра хотя бы одну букву, а за- 
тем будут отображаться только те элементы, которые соответствуют символам, 
набранным в поле фильтра. 


В примере 22.5 показывается использование этих двух типов фильтруемых спи- 
сков, отличающихся только тем, что к последнему добавлен код да*а-+114ег- 
гемеа1="+гие". 


Пример 22.5. Фильтруемый список и список с появлением элементов 
по мере ввода значения фильтра 


<и1 дафа-го1е="115$%у1ем" дафа-+11%ег="{гие" 
Дафа-+11{ег-р1асено1аег="Поиск больших кошек..." дафа-1п5е*="{гие"> 
<11>Гепард</11> 
<11>Пума</11> 
<11>Ягуар</11> 
<11>Леопард</11> 
<11>Лев</11> 
<11>Белый леопард</11> 
<11>Тигр</11> 
</01> 


<и1 дафа-го1е="11$5%&\1ем" Яа+а-Ғі1+ег="Егие" аа+а-#11+ег-гемеа1= "гие" 
афа-+11{ег-р1асено1аег="Поиск больших кошек..." дафа-1п5е*="{гие"> 
<11>Гепард</11> 
<11>Пума</11> 
<11>Ягуар</11> 
<11>Леопард</11> 
<11>Лев</11> 
<11>Белый леопард</11> 
<11>Тигр</11> 
</01> 


Обратите внимание на использование атрибута дафа-+11+ег-р1асепо14ег, пред- 
лагающего приглашение пользователю в пустом поле ввода. 


На рис. 22.6 можно увидеть, как первый вариант списка реагирует на ввод буквы 
в поле поиска, оставляя на экране только те элементы списка, в которых имеется 
буква «а», и как во втором варианте списка не показывается ни один элемент, по- 
скольку в поле фильтра не введено пока ни одной буквы. 
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Рис. 22.6. Фильтруемый список и список с появлением элементов 
по мере ввода значения фильтра 


Разделители списков 


Чтобы улучшить внешний вид, в списках можно применить разделители, встав- 
ляемые вручную или в автоматическом режиме. Вручную разделители списка 
создаются путем добавления к элементу списка атрибута да+а-го1е с присвоенным 
значением 11ѕ5+-аіуійег. Результат выполнения кода примера 22.6, где применен 
данный прием, показан на рис. 22.7. 


Пример 22.6. Расстановка разделителей списка вручную 


<01 дафа-го1е="11$%\1ем" Яаёа-іпѕеё= "гие" > 
<11 аа+а-го1е="1151-ајуійег">Большие кошки</11> 
<11>Гепард</11> 
<11>Пума</11> 
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<11>Ягуар</11> 
<11>Лев</11> 
<11>Белый леопард</11> 
<11 аа+а-го1е="1151-аіуіаӢег">Большие собаки</11> 
<11>Бладхаунд</11> 
<11і>рорегтап Ріпѕсһег</11> 
<11>Доберман-пинчер</11> 
<11>Мастиф</11> 
<11>Ротвейлер</11> 
</и1> 
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Рис. 22.7. Список, разделенный на категории 


Чтобы позволить јОпџегу Мое определить расстановку разделителей удобным 
для вас образом, можно присвоить значение {гие атрибуту адафа-аиоЧ1\у1аегз, соз- 
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дав код, показанный в примере 22.7, выполнение которого приведет к разделению 
элементов по алфавиту (рис. 22.8). 


Пример 22.7. Использование авторазделителей 


<и1 дафа-го1е="115$+\1ем" дафа-1п5е*="+гие" дафа-аи%о91\1дег$="{гие" > 
<11>Гепард</11> 
<11>Пума</11> 
<11>Ягуар</11> 
<11>Леопард</11> 
<11>Лев</11> 
<11>Белый леопард</11> 
<11>Тигр</11> 
</и1> 
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Рис. 22.8. Автоматическое разделение элементов списка по алфавиту 
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Как и кнопки (см. раздел «Стильные кнопки»), значки можно добавлять к ссы- 
лочным элементам списка, используя для этого атрибут дафа-1соп со значением, 
представляющим название показываемого значка: 


<11 дафа-1соп="веаг">‹а һгеҒ="ѕеібіпеѕ .Н&т1">Настройки</а></11> 


В этом примере используемая по умолчанию в ссылочном элементе списка право- 
сторонняя угловая скобка будет заменена выбранным вами значком (в данном 
случае значком шестеренки). 


Вдобавок ко всем этим полезным свойствам в элементы списка можно добавлять 
значки и пиктограммы, и их масштаб будет подбираться для достижения наилучше- 
го внешнего вида. Подробности практических приемов, позволяющих это сделать, 
и многие другие особенности оформления списков можно найти в официальной 
документации: Һ&р://іпуигі.соту/јатііѕіѕ. 


А что же дальше? 


В начале главы уже говорилось, что она предназначена в качестве стартового по- 
собия, позволяющего вам быстро освоиться с применением ]Опегу Мое, чтобы 
можно было легко переделать сайты в веб-приложения, правильно отображаемые 
на всех устройствах, будь то настольный компьютер или мобильное приспособле- 
ние. 


Именно поэтому были представлены только самые яркие и наиболее важные 
свойства јОпегу Мое и затронут только самый верхний слой всех возможностей, 
предоставляемых этой библиотекой. Например, существует огромное множество 
способов усовершенствования форм и улучшения условий работы с ними на 
мобильных устройствах. Можно создавать адаптивные таблицы, свертываемое 
содержимое, вызывать раскрывающиеся окна, проектировать свои собственные 
темы и делать многое другое. 





Вас может заинтересовать изучение возможностей использования јОиегу Мо в со- 
четании с продуктом фирмы АЯобе под названием Рћопебар (Нирз://рНопедар.сот/) 
с целью создания автономных приложений для Апагоіа и 105. Там не все так 
просто, и рассмотрение этого вопроса выходит за рамки данной книги, но вся 
самая тяжелая работа уже проделана за вас командами разработчиков јОиегу 
и Рһопебар. Дополнительные сведения по разработке Рћопебар-приложений 
можно найти в руководстве по јОиегу МоШе (Һр: //6іє1у/29Нх126). 








После того как вы освоите все, что изложено в данной главе, и у вас возникнет 
желание узнать о том, что еще можно сделать с јОпегу Мо, я рекомендую обра- 
титься к официальным демонстрационным страницам и документации, имеющейся 
на сайте этой библиотеки: НИр://4ето$.ддиегуто йе. сот/. 
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Кроме того, многие из упомянутых здесь свойств применяются в приложении 
социальной сети, рассматриваемом в главе 27, где приводится довольно близкий 
к реальности сценарий и предоставляется отличная возможность посмотреть на 
способы адаптации ваших веб-страниц для работы на мобильных устройствах. 
Но прежде чем добраться до рассмотрения этих вопросов, в следующих главах мы 
обратимся к тем полезным свойствам, которые предоставляет нам НТМТ.. 


1. Назовите два основных преимущества и один недостаток использования сети 
СОМ для доставки кода јОпегу Мое в браузер. 

2. Каким НТМІ. вы воспользуетесь, чтобы определить страницу содержимого для 
]Очегу Мое? 

3. Каковы три основные части, из которых складывается страница јОпегу, и как 
они обозначаются? 

4. Какв НТМТ-документ поместить более одной страницы јОџегу Мое? 

5. Как предотвратить асинхронную загрузку веб-страницы? 
Как настроить страничный переход по гипертекстовой ссылке на применение 
эффекта +11р, а не на используемый по умолчанию эффект Ғаде? 

7. Как загрузить страницу таким образом, чтобы она отображались в виде диа- 
логового окна, а не в виде веб-страницы? 

8. Как можно придать обычной гипертекстовой ссылке внешний вид кнопки? 

9. Как добиться линейного показа элемента јОџегу Мое, подобного отображе- 
нию <5рап>-элемента, не раскрывая его на всю ширину окна, как при использо- 
вании элемента <а4іу>? 

10. Как добавить к кнопке значок? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Введение в НТМІі5 


Язык НТМТ.5 стал существенным шагом вперед в веб-дизайне, разметке и удоб- 
стве применения. Он предоставляет простой способ работы с графикой в браузере 
без обращения к дополнительным модулям, например к Еаѕћ, а также предлагает 
методы вставки аудио и видео в веб-страницы (опять-таки без дополнительных 
модулей) и сглаживает некоторые досадные несоответствия, вкравшиеся в НТМІ. 
по мере его развития. 


Кроме того, НТМІ5 включает множество других усовершенствований, например 
обработку местоположения пользователя, рабочие веб-процессы (жеђ \’огКетз), 
управляющие выполнением фоновых задач, улучшенную обработку форм и до- 
ступ к пакетам локального хранилища (значительно превышающим ограниченные 
возможности сооКіе). 


Но в отношении НТМТ. следует отметить один курьезный факт: поскольку этот 
язык находился в постоянном развитии, присущими ему свойствами различные 
браузеры обзаводились в разное время. К счастью, все наиболее значимые и по- 
пулярные добавления, пришедшие с НТМТ., теперь уже пользуются поддержкой 
всех основных браузеров (занимающих долю на рынке, превышающую 1 % или 
около того, включая такие браузеры, как Сһготе, П\цегпеё ЕхрІогег, Едэе, Еігеѓох, 
Ѕаѓагі и Орега, а также браузеры Апаго14 и 105). 


Холст 


Первоначально представленный компанией АрріІе для движка визуализации 
М’еЬКк (который сам произошел от движка разметки КЮЕ НТМГ.) для своего 
браузера Ѕаѓагі, элемент сапоаз (холст), теперь уже реализованный и в105, Апаго1а, 
Кіпае, СВтоте, ВІаскВеттгу, Орега и Тілеп, позволяет вам рисовать графические 
элементы на веб-странице независимо от таких дополнительных модулей, как Јауа 
или РИазр. После стандартизации холст был принят всеми браузерами и сейчас стал 
популярным средством современной веб-разработки. 
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Как и другие НТМГ-элементы, холст — это просто элемент в составе веб-страницы 
с определенными размерами, внутри которого можно использовать ЈауаЅсгірё для 
вставки содержимого, в данном случае для рисования графики. Холст создается 
с помощью тега <сапуа$>, которому также нужно присвоить идентификатор, чтобы 
в коде Јауа$Ѕсгірї было понятно, к какому именно холсту идет обращение (ведь на 
странице может быть несколько холстов). 


В примере 23.1 создан элемент сапуаѕ с идентификатором тусапуаѕ, содержащий 
текст, выводимый только теми браузерами, которые не поддерживают холсты. 
Далее следует раздел ЈауаЅсгірї, рисующий на холсте японский флаг (рис. 23.1). 





&? Холст НТМІ5 














Рис. 23.1. Рисование японского флага на холсте НТМІ5 


Пример 23.1. Использование имеющегося в НТМЕ5 элемента сапуаѕ 


<1рОСТҮРЕ һ&т1> 
<һЕм1> 
<һеаа> 
<{1{1е>Холст НТМІ5</&1іЄ1е> 
<ѕсрір згс='0$С.]$'></зсг1ре> 
</һеаа> 
<Боду> 
<сапуа$ 14='тусапуа$' міаєһ='320' һеірһ='240' > 
Это элемент сапуа$ с идентификатором <1>тусапуа$</1> 
Этот текст виден только в браузерах, не поддерживающих НТМЕ5 


</сапуа$> 
<$сг1ре> 
сапуаѕ = 0('тусапуаѕ') 
сопфехЕ = сапуа$.вееСопфех{('24а') 
сопфехф.+1115%у1е = 'геа' 
$(сапуа$).Богаег = '1рх $0114 Б1аск' 


сопфехе.Беё1пРаеИ() 
сопбех+.тоуеТо(160, 120) 
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сопфех{е.агс(160, 120, 70, 0, МаЁһ.РІ * 2, +Ға1ѕе) 
сопехі.с1оѕеРаЁһ() 
сопіех.#111() 
</ѕсгірі» 
</боау> 
</ћЕт1> 


Рассматривать подробности происходящего на данный момент не имеет смысла, 
поскольку все будет объяснено в главе 24, но уже сейчас вы должны понять, что ис- 
пользовать холст совсем не трудно, хотя для этого потребуется изучить несколько 
новых функций ЈауаЅсгірі. Чтобы сохранить ясность и компактность кода, в этом 
примере при рисовании используется набор функций 05С.јѕ из главы 20. 


Геолокация 


При использовании геолокации ваш браузер может вернуть веб-серверу инфор- 
мацию о вашем местонахождении. Эта информация может поступать из микро- 
схемы СР$, имеющейся в используемом компьютере или мобильном устройстве, 
с вашего ТР-адреса или путем анализа ближайших точек доступа к Ұі-Еі. В целях 
безопасности пользователь всегда контролирует ситуацию и может отказать 
в предоставлении этой информации на разовой основе или включить настройки 
либо на постоянное блокирование, либо на предоставление доступа к этим данным 
с одного или со всех сайтов. 


Эта технология имеет множество вариантов применения, включая пошаговую 
навигацию, предоставление местных карт, уведомление о ближайших ресторанах, 
о точках доступа \/1-Е! или о других местах, уведомление о тех друзьях, которые 
находятся рядом, указание направления на ближайшую заправку и многое другое. 


В примере 23.2 будет отображена карта Соозе с учетом местоположения пользо- 
вателя при условии, что браузер поддерживает геолокацию и пользователь предо- 
ставил доступ к своему местоположению (как показано на рис. 23.2). В противном 
случае будет выведено сообщение об ошибке. 


Пример 23.2. Вывод карты с учетом местоположения пользователя 


<1рОСТҮРЕ һ&т1> 
<һЕт1> 
<Пеад> 
<{1{1е>Пример геолокации< /&1і+1е» 
</ћеаа> 
<роау> 
<ѕсгірі» 
1+ (Фурео+ паміваог.рео1осаїіоп == 'ипае+іпеа') 
а1егі("Геолокация не поддерживается. ") 
е1ѕе 
пауіва+ог . веоїоса+іоп.реіСиггепЕРоѕібіоп(вгапёеа, аепіеа) 


ФипсЕ1оп вгапфед(ро$11оп) 


{ 


уаг 1аї = ро$11оп.соога$ .1а1фиае 
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уаг 10оп5 = роѕітіоп. соогаѕ.1опвіїиде 


а1егі ("Разрешение дано. Ваше местоположение: \п\п" 

+ Ла +", " + 1Іоп + 

"\п\пЩелкните на кнопке 'ОК' для загрузки боов1е Марѕ 
с вашим местоположением ") 


им1паом .1оса1оп .гер1асе ( "ПЕЁрз : / /млм. воор1е. сот/тарѕ/@" 


+ Іаї + "," + Іоп + ",142") 
} 


Ғипсёіоп аеп1ед(еггог) 


{ 


маг теѕѕаве 


ѕміёсһ(еггог.сойе) 


саѕе 1: теѕѕаре = 'Доступ запрещен'; бгеак; 

саѕе 2: теѕѕаре = 'Позиция недоступна'; Бгеак; 

саѕе 3: теззаве = 'Время ожидания операции истекло'; Бгеак; 
саѕе 4: теѕѕаре = 'Неизвестная ошибка'; Бгеак; 

а1ег* ("Ошибка геолокации: " + меззаве) 
</5сг1ре> 
</боау> 
</ћт1> 


х 


@ Ѕесиге | НИрз/Личиидоодесот/тарз/@51.8662114.0.8951985,82 |: 
РИ А БЕ 


( 999 Уют іп 


== Зеагсһ бооде Марѕ 





Рис. 23.2. Местоположение пользователя использовалось для отображения карты 
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Здесь опять нет смысла давать описание того, как все это работает, поскольку под- 
робное рассмотрение данного вопроса предстоит в главе 26. А сейчас этот пример 
нужен, чтобы показать вам, насколько просто можно управлять геолокацией. 


Аудио и видео 


Еще одним существенным дополнением, появившимся в НТМТ.5, стала поддержка 
аудио и видео в самом браузере. Хотя проигрывание этого типа аудиовизуальных 
данных может представлять некоторые сложности из-за разнообразия типов коди- 
рования и лицензий, элементы <аџиаіо» и <\14ео> дают всю необходимую гибкость 
для отображения доступных вам типов аудиовизуальной информации. 


В примере 23.3 один и тот же видеофайл был закодирован в различных форматах, 
чтобы были учтены возможности всех основных браузеров. Браузеры просто вы- 
бирают первый из опознанных ими типов и проигрывают его (рис. 23.3). 


Вобип хоп 


С? НТМІ5 Мчео 





< сз Ф Іосаћоѕі/5# едїйоп ехатріеѕ/22/ехатріе22-3.ћіті 








> 0:00 71:00 @—— 





Рис. 23.3. Показ видео с помощью НТМІ5 


Пример 23.3. Проигрывание видео с помощью НТМІ5 


<!БОСТУРЕ һ&т1> 
<һЕт1> 
<Пеад> 
<{1{1е>Видео в НТМЕ5</+{11е> 
</Неаа> 
<Боду> 
<уідео міаёһ='560' һеіғрһё='320' сопфго1$> 
<ѕоигсе згс='тоу1е.тр4' +уре= 'уідео/тр4'> 
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<зоигсе згс='то\1е.мебт' фуре=' у1део/мебт' > 
<зоигсе гс='то\у1е.ову' Фуре='\у1део/оёв8'> 
</мійео»> 
</боау> 
</ћЕт1> 


Вопрос о том, насколько просто аудио вставляется в веб-страницу, будет рассмо- 
трен в главе 25. 


Формы 


Как вы уже видели в главе 11, формы в НТМІ5 находятся в процессе усовершен- 
ствования, при этом поддержка новых свойств во всех браузерах носит фрагмен- 
тарный характер. Все, что сегодня можно свободно использовать, было подробно 
рассмотрено в главе 11. 


Локальное хранилище 


При использовании локального хранилища объем и сложность данных, сохраня- 
емых на локальном устройстве, существенно возрастают по сравнению со скудными 
объемами, предоставлявшимися сооКіе. Тем самым открываются возможности 
использования веб-приложений для работы с документами в автономном режиме 
с их последующей синхронизацией с веб-сервером, когда интернет-подключение 
станет доступным. Кроме того, открываются перспективы локального сохранения 
небольших баз данных для доступа к ним с помощью \/еЬ$ОТ,, возможно, с целью 
сохранения копии вашей музыкальной коллекции или всей вашей персональной 
статистики, к примеру, в виде части плана диеты или похудания. Как задействовать 
большинство этих возможностей в ваших веб-проектах, будет показано в главе 26. 


Рабочие веб-процессы 


Возможность запускать с помощью ЈауаЅсгірё в фоновом режиме приложения, управ- 
ляемые прерываниями, существует уже многие годы, но реализуется только лишь 
посредством довольно грубого и неэффективного процесса. Было бы намного раз- 
умнее позволить технологии, положенной в основу браузера, запускать от вашего 
имени фоновые задачи, которые она смогла бы выполнять гораздо быстрее, чем при 
ваших постоянных прерываниях работы с целью проверки текущего состояния дел. 


Вместо этого можно все настроить в виде рабочих веб-процессов и передать ваш код 
браузеру, который затем его запустит. Когда произойдет что-либо значимое, ваш 
код просто должен будет уведомить браузер, который затем отрапортует все это 
назад вашему основному коду. В то же самое время ваша веб-страница может пре- 
бывать в бездействии или выполнять ряд других задач и при этом напрочь забыть 
о фоновой задаче, пока та сама о себе не напомнит. 
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В главе 26 будет показано, как можно воспользоваться рабочими веб-процессами 
для создания простых часов и вычисления простых чисел. 


Микроданные 


В главе 26 также будет показано, как можно пометить свой код с помощью микро- 
данных, чтобы он стал абсолютно понятен любому браузеру или другой технологии, 
которой нужно получить к нему доступ. 


Важность микроданных, несомненно, будет возрастать и для оптимизации поис- 
ковых машин, поэтому вам нужно приступить к их внедрению или по крайней мере 
понять, какую информацию они могут предоставить о ваших сайтах. 


Как видите, в НТМТ.5 появилось немало новых свойств, которые многими ожида- 
лись на протяжении довольно долгого времени и вот наконец-то стали доступны. 
В следующих нескольких главах эти свойства будут рассмотрены во всех замеча- 
тельных подробностях, чтобы вы могли ими воспользоваться и улучшить качество 
своих сайтов в самые кратчайшие сроки. 


Вопросы 


1. Какие новые элементы, появившиеся в НТМТ5, позволяют рисовать графиче- 
ские изображения на веб-странице? 


2. Какой язык программирования требуется для доступа ко многим улучшенным 
свойствам НТМІ5? 


3. Какими тегами вы воспользуетесь для внедрения аудио и видео в веб-страницу? 


4. Какое новое свойство, предлагающее более высокие возможности по сравнению 
с сооКіе, введено в НТМТ.5? 


5. Какая имеющаяся в НТМТ.5 технология поддерживает запуск фоновых задач 
на ЈауаЅсгірі? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Холсты в НТМІ5 


Хотя новым веб-технологиям в НТМІ5 даются обобщенные названия, все они 
не являются простыми НТМІ -тегами и свойствами. Это также относится к элемен- 
там сапуаѕ (холст). Да, холст создается с помощью тега <сапуаз>, и ему могут быть 
предоставлены ширина и высота, и их можно немного изменять с помощью С$5, 
но для записи в холст (или для чтения из него) нужно использовать Јауаёсгірї. 


Хорошо, что для этого нужны лишь минимальные знания ]ауазст!рё и реализовать 
задуманное весьма просто. Кроме того, в главе 20 я уже предоставлял вам набор 
из трех готовых к использованию функций (в файле 05С.јѕ), с помощью которых 
доступ к таким объектам, как холсты, существенно упрощается. Итак, углубимся 
в эту тему и приступим к использованию нового тега <сапуаз>. 


Создание холста и доступ к нему 


В главе 23 показывалось, как нарисовать простую окружность для отображения 
японского флага (пример 24.1). Теперь посмотрим, что именно происходит. 


Пример 24.1. Отображение японского флага с помощью холста 


<!ООСТУРЕ Нт1> 
<һЕм1> 
<һеаа»> 
<{11е>Холст НТМІ5</&1іЄ1е> 
<ѕсгір ѕпс= '05С.ј5'></5сгірї> 
</һеаа> 
<Боау> 
<сапуа$ 14='тусапуа$' міаєһ='320' Нетёй{='240'> 
Это элемент сапуа$ с идентификатором <1>тусапуа$</1> 
Этот текст виден только в браузерах, не поддерживающих НТМЕ5 </сапуа$> 


<ѕсгірї» 
сапуаѕ = 0('тусапуаѕ') 
сопфехЕ = сапуа$ .вееСопфехе('2а') 
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сопфехф.+1115+у1е "геа" 
5(сапуаѕ).богаег = '1рх ѕо1іа Ь1аск' 


сопехі.БберіпРаЁћ() сопёехё.тоуеТо(160, 120) 
сопфех{е.агс(160, 120, 70, 0, МаЁһ.РІ * 2, +Ға1ѕе) 
сопфех{ .с1озеРаЕН() 
соптехе.+111() 
</5сг1ре> 
</боау> 
</ћётм1> 


Сначала помещается объявление <! РОСТУРЕ һ&т1>, чтобы сообщить браузеру о том, 
что документ будет использовать НТМТ.. После этого выводится заголовок и за- 
гружаются три функции, находящиеся в файле 05С.ј ѕ. 


В теле документа определяется элемент сапуаѕ, которому дается идентификатор 
тусапуах, и задаются ширина и высота 320 х 240 пикселов. Текст холста, как уже 
говорилось в предыдущей главе, не будет появляться в браузерах, поддержива- 
ющих элемент холста, он будет виден в окнах устаревших браузеров, не поддер- 
живающих холсты. 


Затем следует раздел ]ауазст!рь, в котором задаются стили и прорисовки холста. 
Начало создания объекта сапуаз обозначено вызовом функции 0 в отношении 
элемента сапуа$. Как вы помните, в результате этого вызывается функция 
доситеп* . веЕЕ1етепВуїІа, и, следовательно, это лишь более короткий способ ссыл- 
ки на элемент. 


Все это вы уже видели раньше, а затем следует нечто новое: 


сопфех{Е = сапчаѕ. веЕСопёех+ ('24') 


Команда вызывает метод БеїіСопіехї нового, только что созданного объекта сапуа$, 
запрашивая двумерный доступ к холсту путем передачи значения 2а. 





Если нужно отобразить на холсте трехмерную графику, можно либо прове- 
сти математические вычисления самостоятельно и «подделать» ее в режиме 
отображения двумерной графики, либо воспользоваться библиотекой Мерс. 
(основанной на технологии ОрепСЕ ЕЅ), и в этом случае нужно будет для нее 
создать переменную сопїехї путем вызова метода сапуаѕ.деїСопќех{('ууеБдјі"). 
Для более расширенного рассмотрения данного вопроса у нас здесь нет места, 
но отличное руководство по МеБбСі можно найти на веб-сайте по адресу Һіёр:// 
уууууу.ууеБдісиѓогіаіѕ.огд. Кроме того, можно обратиться к Јауабсгірїі-библиотеке 
30-функций Тһгее.јѕ (Һрѕ://һгеејѕ.огд), в которой также используется М/еБСІ. 














Вооружившись данным содержимым в контексте объекта, мы начнем выдавать по- 
следующие команды рисования, установив для свойства #1115+у1е этого контекста 
значение геа: 


сопехі.Ғ1115+у1е = 'геа' 
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Затем вызывается функция $ для установки свойству Богаег объекта сапуаѕ значе- 
ния однопиксельной сплошной черной линии для очертания изображения флага: 


$(сапуа$).Богаег = '1рх $0114 Б1аск' 


После того как все будет готово, открывается путь контекста и позиция рисования 
перемещается к точке с координатами (160; 120): 


сопфехе.Безё1пРаеИ() 
сопёехї .тоуеТо(160, 120) 


Затем рисуется дуга с центром, имеющим данные координаты. Ее радиус — 70 пик- 
селов, она начинается с угла 0° (что является правым краем окружности, если смо- 
треть прямо на нее) и продолжается по всей окружности в радианах, определяемых 
значением 2%: 


сопфех{.агс(160, 120, 70, 0, МафП.РТ * 2, Ға1ѕе) 


Последнее значение #а15е служит признаком направления рисования дуги по ча- 
совой стрелке; а значение «гие было бы признаком рисования, осуществляемого 
против часовой стрелки. 


И наконец, мы закрываем путь и осуществляем его заливку, используя предопреде- 
ленное значение в свойстве +1115%у1е, которое мы несколькими строками ранее 
установили в геа: 


сопех+.с1оѕеРаһћ() сопфехф.+111() 


Результат загрузки этого документа в браузер показан в предыдущей главе на 
рис. 23.1. 


Функция {оБабау ВЕ 


При создании изображения на холсте иногда требуется получить его копию, 
возможно, для его повторения на веб-странице, для сохранения в локальном 
хранилище или для выкладки на веб-сервер. В частности, удобство копирования 
предопределено невозможностью сохранения пользователем изображения с холста 
путем его перетаскивания. 


Чтобы проиллюстрировать, как это делается, к предыдущему примеру было добав- 
лено несколько строк кода (выделенных полужирным шрифтом в примере 24.2). 
Здесь создается новый элемент <іте> с идентификатором ту1таве, ему дается 
сплошная черная граница, а затем в элемент <іте> копируется изображение холста 
(рис. 24.1). 


Пример 24.2. Копирование изображения холста 


<!БОСТУРЕ ҺЕт1> 
<ћЕм1> 
<һеаа» 
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<{1{1е>Копирование холста </+141е> 
<5СГ1рЕ $гс='0$С.5$'></5сг1ре> 
</Неаа> 
<Боду> 
<сапуа$ 14='тусапуа$' міаєһ='320' һеірһ&='240'> 
Это элемент сапуа$ с идентификатором <1>тусапуа$</1> 
Этот текст виден только в браузерах, не поддерживающих НТМЕ5 
</сапуа$> 


<1ИЕ 1а='туітаве'> 


<5сг1ре> 
сапуа$ = 0('тусапуаѕ') 
сопфехе = сапуа$ .вееСопфех{('24а') 
сопёехі.Ғ1115+у1е = 'геа' 
$(сапуа$).Бог4ег = '1рх ѕо1іа Б1аск' 


сопфехф.Без1пРаЕН() сопёехё.тоуеТо(160, 120) 
сопфех{.агс(160, 120, 70, 0, Маһ.РІ * 2, Ға1ѕе) 
сопфех{ .с1озеРаЕН() 
сопфехф.+111() 
5$('ту1тазе').Богаег = '1рх $0114 Б1аск' 
0( 'туітағе').ѕгс сапуа$ . ора+а0кі () 
</ѕсгірі» 
</боау> 
</ћЕт1> 


л 
А) Копирование холста х 
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Рис. 24.1. Изображение справа скопировано с холста, показанного слева 
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Если вы проверите этот код в работе, то заметите, что при отсутствии возможности 
перетаскивания изображения холста, показанного слева, правостороннее изображе- 
ние можно перетаскивать. Его также можно сохранить в локальном хранилище или 
выложить на веб-сервер, используя соответствующий код ЈауаЅсгірі (а с серверной 
стороны — код РНР). 


Указание типа изображения 


При создании изображения из холста можно указать тип того изображения, которое 
требуется вывести за пределы холста, выбирая из ]РЕС (файлы с расширениями . ре 
или .јрев) или РМС (файлы с расширениями .рпе). По умолчанию используется 
тип РМС ('1паре/рпё'), но если отдается предпочтение ЈРЕС, нужно изменить вы- 
зов фобафауви. Одновременно с этим можно указать степень сжатия в диапазоне от ё 
(для самого низкого качества) до 1 (для самого высокого качества). В следующем 
коде используется степень сжатия 0.4, позволяющая сгенерировать подходящее 
изображение, которое будет неплохо выглядеть при небольшом размере файла: 


О(‘'ту1таёе').згс = сапуа$ .+оБафаЦВЕ ( '1таве/уреё', 0.4) 








Следует учесть, что метод {оВа{аЦВЕ применяется к объекту холста, а не клюбому 
контексту, созданному из этого объекта. 











Теперь, когда вы знаете, как создаются изображения холста с их последующим 
копированием или использованием в каком-нибудь другом качестве, настало вре- 
мя посмотреть на отдельные доступные команды рисования, начиная с команд, 
относящихся к прямоугольникам. 


Метод ЯИВесе 


Существует два разных метода, вызываемых для рисования прямоугольников, 
первым из которых является +111Вес+. Чтобы им воспользоваться, нужно просто 
предоставить левую верхнюю координату вашего прямоугольника, а за ней ширину 
и высоту в пикселах: 


сопфехф.+111Вес*(20, 20, 600, 200) 


По умолчанию прямоугольник будет залит черным цветом, но можно воспользо- 
ваться любым другим оттенком, выдав команду, похожую на следующую, где ар- 
гументом может послужить любой приемлемый С$5-цвет, указанный по названию 
или по значению: 


сопфехф.+1115%у1е = 'Б1ие' 
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Метод сіеагВесї 


Можно также нарисовать прямоугольник, в котором все его цветовые значения 
(красная, зеленая, синяя составляющие и альфа-прозрачность) установлены в её, 
как в следующем примере кода, где используется тот же порядок координат 
и аргументы ширины и высоты: 


сопфех{ .с1еагКес*(40, 40, 560, 160) 


После применения метода с1еагКесї новый прозрачный прямоугольник удалит 
все цвета из закрываемой им области, оставив только любой исходный С$$-цвет, 
который был применен к элементу холста. 


Метод ѕігокеВесі 


Когда нужен лишь контур прямоугольника, можно обратиться к команде, похожей 
на показанную ниже, в которой будет использована установка по умолчанию на 
черный цвет или же выбранный цвет обводки: 


сопёехі.ѕЕгокекес+ (60, 60, 520, 120) 


Для смены цвета можно сначала выдать команду, подобную следующей, предоста- 
вив ей в качестве аргумента любой приемлемый С58-цвет: 


сопфех{. ${гокезфу1е = 'вгееп' 


Сочетание всех этих команд 


В примере 24.3 предыдущие команды рисования прямоугольников объединены 
для вывода изображения, приведенного на рис. 24.2. 


Пример 24.3. Рисование нескольких прямоугольников 


<!БОСТУРЕ һ&т1> 
<һЕт1> 
<һеаа> 
<{1{1е>Рисование прямоугольников</&1і+1е> 
<5сгірЄ ѕ"с='05С.ј5'>›</5ѕсгірі> 


</Неаа> 
<Боаду> 
<сапуа$ їіа='тусапуаѕ' міаёһ='640' Незёй{='240' ></сапуа$> 
<5сг1рф> 
сапуа$ = 0('тусапуаѕ') 
сопёехі = сапуаѕ.реЁСоп+ехії('24') 
5(сапуаѕ) .баскегоипа = '1ірһ+р1ие' 
сопёехі.#1115+у1е = 'Б1џе' 
сопехі.ѕїгокеѕ%уїе = 'ргееп' 


сопёехё.Ғ111Кесї( 20, 20, 600, 200) 
сопёехі.с1еагКесі( 40, 40, 560, 160) 
сопёехі.ѕЕгокекес+ (60, 60, 520, 120) 
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</ѕсгірё> 
</боау> 
</ћЕт1> 
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Рис. 24.2. Рисование концентрических прямоугольников 


Чуть позже в данной главе будет показано, как можно внести последующие из- 
менения в вывод, изменив тип и ширину обводки, но сначала обратимся к изме- 
нению заливки с применением градиентов (которые были представлены в разделе 
«Градиенты» главы 18). 


Метод сгеаѓќешпеагСгайіепі 


Есть два разных способа применения градиента для заливки, но проще всего это 
сделать с помощью метода спеаёе! іпеагбгайіепё. Нужно указать начальные и ко- 
нечные координаты х и у относительно холста (а не заливаемого объекта). Это поз- 
воляет добиться большей утонченности. 


Например, можно указать, что градиент начинается с самого левого края и закан- 
чивается в самом правом краю холста, но применяется только в области, опреде- 
ленной командой заливки, что и сделано в примере 24.4. 


Пример 24.4. Применение градиентной заливки 


5гад1еп{ = сопёехі.сгеаеі іпеагбгадіеп (0, 80, 640,80) 
вгадіеп+.ааасо1огѕ+ор(ё, 'ий1е') 
вгадіеп+.ааасо1огѕ+ор(1, 'Б1аск') 

сопфехф.+1115%у1е = ргад1епе 

сопеехф.+111Вес*(80, 80, 480,80) 
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Для краткости и ясности в этом и многих последующих примерах показаны только 
значимые строки кода. Полные примеры с окружающим НТМЕ, настройкой и дру- 
гими разделами кода доступны для свободной загрузки с сайта Һр://Іртј.пеї. 








В примере 24.4 создается градиентная заливка объекта по имени ргадіепё, для 
чего используется метод сгеае!1пеагбга41еп* объекта соп*ех*. Стартовая пози- 
ция (0, 80) находится на полпути вниз от левого края холста, а конечная позиция 
(640, 80) находится на полпути вниз от правого края холста. 


Для создания своего собственного градиента нужно определить направление его 
распространения, а затем указать две точки, представляющие стартовую и конеч- 
ную позиции. Независимо от того, какие значения будут предоставлены для этих 
точек, градиент будет выполнять плавный переход в указанном направлении, даже 
если точки находятся за пределами области заливки. 


После этого предоставляются две цветовые опорные точки, а именно, самым пер- 
вым цветом градиента указывается белый, а самым последним — черный. Затем 
градиент будет плавно переходить между этими цветами по всему холсту слева 
направо. 


После того как объект вгаа1еп* готов, он применяется к свойству #1115%у1е объ- 
екта сопёехё, чтобы им мог воспользоваться завершающий вызов метода #111Кесі. 
В этом вызове заливка применяется только к центральной прямоугольной области 
холста, поэтому, хотя градиент простирается с самого левого края к самому право- 
му краю холста, отображаемая часть простирается лишь с 80 пикселов вовнутрь 
и вниз от верхнего левого угла на ширину 480 и глубину 80 пикселов. Результат 
(при добавлении кода к коду предыдущего примера) показан на рис. 24.3. 
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Рис. 24.3. У центрального прямоугольника имеется горизонтальная градиентная заливка 


Создание холста и доступ к нему 641 





Указывая для градиента различные стартовые и конечные позиции, можно при- 
дать ему наклон для распространения в любом направлении, как показано в при- 
мере 24.5 и отображено на рис. 24.4. 


Пример 24.5. Различные градиенты под разными углами и с разными цветами 


5гад1еп{ = сопёехі.сгеаеі іпеагбгадіепї (9, 9, 160, 9) 
вгадіепі.ааасо1огѕ+ор(ё, 'ий1е') 
вгадіеп+.ааасо1огѕ+ор(1, 'Б1аск') 

сопфехф.+1115%у1е = ргайіепі 

сопбех+.Ғ111Кесї (20, 20, 135, 200) 


вгадйіепі = сопіехі.сгеаеі іпеагбгадіепї (9, 0, 0, 240) 
вгадіеп+.ааасо1огѕ+ор(ё, 'уе11ом') 
вгадіеп+.ааасо1огѕ+ор(1, 'геа’) 

сопфехф.+1115%у1е = ргайіепі 

сопбех+.#Ғ111Кесї (175, 20, 135, 200) 


5гад1еп{ = сопіехі.сгеатеі іпеагбгадіепі (320, 0, 480, 240) 
вгадіепі.ааасо1огѕ+ор(@, 'вгееп') 
вгадіепі.ааасо1огѕ+ор(1, 'ригр1е’) 

сопфехф.+1115%у1е = ргайіепі 

сопбех+.#Ғ111Кесї (330, 20, 135, 200) 


;гад1еп{ = сопіехі.сгеатеі іпеагбгайіепї (480, 240, 640, 0) 
Бгадіеп+.ааасо1огѕ+ор(ё, 'огапве') 
вгадіепі.ааасо1огѕ+ор(1, 'тареп+а') 

сопфехф.+1115%у1е = ргайіепі 

сопбех+.Ғ111Кесї (485, 20, 135, 200) 
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Рис. 24.4. Подборка различных линейных градиентов 


В этом примере я решил поместить градиенты непосредственно в верхнюю часть 
заливаемых областей, чтобы более ясно показать максимальные отклонения по 
цвету с начала до конца. 
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Метод ааасСоіогЅќор в подробностях 


В градиенте можно использовать сколько угодно цветовых опорных точек, а не 
только стартовую и конечную, которые до сих пор использовались в примерах. 
Это позволяет дать четкое описание почти что любому типу представляемого вами 
градиентного эффекта. Для этого нужно указать процент градиента, занимаемый 
каждым цветом. Для распределения по градиенту стартовой позиции в формате 
числа с плавающей точкой берется диапазон между д и 1. Конечную позицию цве- 
та вводить не нужно, поскольку она выводится из стартовой позиции следующей 
цветовой опорной точки или же градиент заканчивается, если позиция является 
последней указанной вами. 


В предыдущих примерах были выбраны только два значения, стартовое и конечное, 
но для создания эффекта радуги можно настроить цветовые опорные точки, как 
показано в примере 24.6 (результат изображен на рис. 24.5). 


Пример 24.6. Добавление нескольких цветовых опорных точек 


5гаа1еп{ .а@9Со1ог5Фор(0.00, 'геа') 
5гаа1еп{ .а@4Со1ог5Фор(0.14, 'огапзе’) 
5гаа1еп{ .а@4Со1ог5Фор(0.28, 'уе11ом') 
=гаа1еп{ .аЯ@9Со1ог5Фор(0.42, 'вгееп’) 
=гаа1еп{ .а@4Со1ог5Фор(0.56, 'Б1ие') 
5гад1еп{ .а@4Со1ог5Фор(0.70, '1па1в0’) 
5гаа1еп{ .а@4Со1ог5Фор(0.84, 'уіо1еї') 
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Рис. 24.5. Эффект радуги, полученный с указанием семи цветовых опорных точек 


В примере 24.6 все цвета расположены примерно на одинаковом расстоянии 
друг от друга (каждому цвету выделено 14 % градиента, а последнему — 16 %), 
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но придерживаться этого не обязательно. Какие-то цвета можно прижать друг 
к другу, а каким-то дать больше простора. Сколько цветов использовать и где 
в градиенте они должны стартовать и финишировать, отдается полностью на 
ваше усмотрение. 


Метод сгеаеКа!а!|СгаЧеге 


В НТМІ. вы не ограничены созданием только линейных градиентов, на холсте 
можно создавать и радиальные градиенты, хоть это и немного сложнее сделать. 


Для этого нужно передать расположение центра в виде пары координат хи у, 
а также указать радиус в пикселах. Они будут использованы в качестве стартовой 
позиции и внешней окружности соответственно. Затем передается еще один набор 
координат и радиус для указания окончания градиента. 


Например, для создания градиента, который просто начинается в центре окружно- 
сти, а затем распространяется наружу, можно выдать команду, показанную в при- 
мере 24.7 (результат изображен на рис. 24.6). Координаты стартовой и конечной 
позиций те же самые, но радиус задан нулевым для стартовой позиции и охватывает 
весь градиент для конечной ПОЗИЦИИ. 


Пример 24.7. Создание радиального градиента 
вгайіепї = сопёехі.сгеаеКадіа1бгадіепї (320, 120, 0, 320, 120, 320) 
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Рис. 24.6. Радиальный градиент, исходящий из центра 


Или можно проявить фантазию и переместить стартовую и конечную позиции 
радиального градиента, как в примере 24.8 (результат изображен на рис. 24.7), где 
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градиент начинается с центра с координатами (0; 120) и радиусом 0 пикселов, а за- 
канчивается в центре с координатами (480; 120) и радиусом 480 пикселов. 


Пример 24.8. Растягивание радиального градиента 
Бгадіепё = сопехї.сгеабеКадіа1бгааіепі(@, 120, 0, 480, 120, 480) 


Манипулируя цифрами, задаваемыми этому методу, можно создать широкий диа- 
пазон необычных и удивительных эффектов, поэкспериментировать с которыми 
на основе предоставленных примеров вам предлагается самостоятельно. 
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Рис. 24.7. Растянутый радиальный градиент 


Использование узоров для заливки 


Точно так же, как при заливке градиентом, можно в качестве узора заливки вос- 
пользоваться изображением. Это может быть изображение, находящееся где-нибудь 
в текущем документе, или даже изображение, созданное из холста посредством 
метода +ора+аукі (рассмотренного ранее в данной главе). 


В примере 24.9 в новый объект изображения ітаве загружается изображение 
100 х 100 пикселов (символ инь-ян). Следующая инструкция прикрепляет к со- 
бытию оп1оаа функцию, создающую повторяющийся узор для свойства #1115%у1е 
объекта сопфехе. Затем узор, как показано на рис. 24.8, используется для заливки 
области 600 х 200 пикселов. 
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Рис. 24.8. Создание мозаики из изображения путем применения 
его в качестве узора заливки 


Пример 24.9. Использование изображения для узора заливки 


1таве = пем ітаве() 
1тазе.згс = 'ітаре.рпе' 


ітаре.оп1оаа = ФипсЕ1оп() 

{ 
ра+егп = сопіехі.сгеаћеРаі+егп(ітаве, ' гереаї') 
сопёехі.Ғ1115+у1е = раї+егп 
сопёехі.#111Кесї(20, 20, 600, 200) 


} 


Мы создали узор, используя метод спеаёеРаї+егп, который также поддерживает 
узоры без повторений или такие узоры, которые просто повторяются по оси Хили У. 
Это достигается передачей методу одного из следующих значений в качестве вто- 
рого аргумента после используемого изображения: 

О гереаї — повторение изображения как по вертикали, таки по горизонтали; 


О гереа+-х — повторение изображения по горизонтали; 


О гереа+-у — повторение изображения по вертикали; 





О по-гереа* — отказ от повторения изображения. 


Узор заливки применяется по отношению ко всей области холста, поэтому, когда 
команда заливки настроена на применение только к меньшей по размеру области 
внутри холста, изображения выводятся обрезанными сверху и слева. 


646 Глава 24 • Холсты в НТМЕ5 








Если бы в данном примере не использовалось событие опіоаа, а вместо этого код 
просто выполнялся бы сразу, как только он попадался в сценарии, изображение ко 
времени вывода на экран веб-страницы могло быть еще не загруженным и могло 
не появиться на экране. Прикрепление к этому событию гарантирует доступность 
изображения для использования на холсте, поскольку событие наступает только 
в результате успешной загрузки изображения. 











Запись текста на холсте 


От набора графических функций вполне можно ожидать полной поддержки за- 
писи текста на холст с применением разнообразных методов задания шрифтов, 
выравниваний и заливок. Но зачем записывать текст на холст, когда сейчас уже 
есть превосходная поддержка веб-шрифтов в С$$? 


Предположим, нужно отобразить схему или таблицу с графическими элементами. 
И вам наверняка также захочется часть из них снабдить надписями. К тому же, 
используя доступные команды, можно создать нечто большее, чем простой расцве- 
ченный шрифт. Итак, начнем с предположения, что вами получено задание создать 
заголовок для сайта по плетению корзин под названием \Уіскегре4іА (вообще-то 
такой сайт уже есть, но все равно займемся этим делом). 


Для начала нужно соответствующим образом выбрать подходящий шрифт и раз- 
мер, возможно, как в примере 24.10, где стиль шрифта выбран полужирным, раз- 
мером 140 пикселов и с гарнитурой Тітеѕ. Кроме того, для свойства ех{Вазе11пе 
установлено значение тор, стало быть, методу ѕёгокеТехе можно передать коорди- 
наты (0, 0) для верхней левой исходной точки текста, помещая его в верхнем левом 
углу холста. Как это выглядит, показано на рис. 24.9. 


Пример 24.10. Запись текста на холст 


соп+ехі. Ғопё = 'Бо1а 140рх Тімеѕ' 
сопфехф . ех{Вазе11пте = '©ор' 
сопфех{ . эгокеТех{ ('Міскегреаід', ө, 6) 
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Рис. 24.9. Текст был записан на холст 
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Метод ѕігокеТехі 


Для записи текста на холсте нужно отправить текстовую строку и пару координат 
методу ѕ&гокеТех+: 


сопфех{. °{гокеТехЕ ( 'Міскегреаід', ө, ө) 


Предоставленные координаты х и у будут использоваться в качестве относительной 
ссылки свойствами ёехЁВаѕеі іпе и ехЕА11 рп. 


Этот метод — использование рисования линий — является единственным спосо- 
бом рисования текста на холсте. Поэтому вдобавок ко всем следующим свойствам, 
влияющим на текст, на отображение текста будет также влиять свойство рисования 
линий 1іпеміаєћ (которое далее будет рассмотрено более подробно). 


Свойство {ех{ВазеИпе 


Свойство +ех+Ваѕеі іпе может быть задано с любым из следующих значений: 


О тор — выравнивание по верху текста; 


11991е — выравнивание по середине текста; 





9 
О а1рһабе+іс — выравнивание по основной линии букв текста; 
9 


боот — выравнивание по низу текста. 


Свойство ѓопЁ 


По стилю шрифт может быть полужирным (5019), наклонным (1%а11с) или обыч- 
ным (погта1, используется по умолчанию) либо комбинацией наклонного полу- 
жирного, а значения размера могут выражаться в ем, ех, рх, %, іп, ст, шт, рё или рс, 
точно так же, как при использовании С5$. Шрифтом должен быть один из доступ- 
ных в текущем браузере шрифтов, что обычно означает, что это должен быть один 
из шрифтов Не1\уе{1са, Ітрас, Соигіег, Тітеѕ или Агіа1, или может быть выбран 
исходный шрифт пользовательской системы с засечками или без них. Если есть 
уверенность, что браузеру доступен другой нужный вам шрифт, можно также ука- 
зать и его, но после него рекомендуется также добавить один из наиболее распро- 
страненных или стандартных вариантов, чтобы в том случае, если у пользователя 
предпочитаемый вам шрифт не установлен, мог быть выполнен более простой 
вариант стилизации. 








Если требуется использовать такой шрифт, как Титез Мем/ Котап, в названии 
которого имеются пробелы, соответствующую строку кода нужно заменить чем- 
нибудь подобным следующей строке. В ней внешние кавычки отличаются от тех, 
в которые заключено название шрифта: 











сопёехі.Ғопё = 'бо1а 140рх "Тітеѕ Мем Котап 
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Свойство {ех{Айап 


Вдобавок к выбору способа выравнивания текста по вертикали можно указать 
горизонтальное выравнивание, задав свойству ТехТА1ірп одно из следующих 
значений: 


О $%агЕ — выравнивание текста по левому краю, если направление текста в до- 
кументе — слева направо; в противном случае выравнивание текста по правому 
краю. Эта настройка используется по умолчанию; 


О епа — выравнивание текста по правому краю, если направление текста в до- 
кументе — слева направо; в противном случае выравнивание текста по левому 
краю; 

С 1еғ#ё — выравнивание текста по левому краю; 


О гівћї — выравнивание текста по правому краю; 





О сеп+ег — выравнивание текста по центру. 


Это свойство используется следующим образом: 


сопехі.+ехёА1ірп = 'сепфег' 


Применительно к текущему примеру нужно, чтобы текст был выровнен по левому 
краю, впритык к краю холста, поэтому свойство бехёА1ірп не используется и, следо- 
вательно, устанавливается заданное по умолчанию выравнивание по левому краю. 


Метод НИТехжё 


Можно также выбрать свойство заливки текста на холсте, для чего нужно задать 
любой чистый цвет, линейный или радиальный градиент либо узорную заливку. 
Воспользуемся для вашего заголовка узорной заливкой на основе текстуры пле- 
теной корзины, как в примере 24.11, результат выполнения которого показан на 
рис. 24.10. 
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Рис. 24.10. Теперь у текста есть узорная заливка 
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Пример 24.11. Заливка текста с помощью узора 


1 таре = пем ітаре() 
імаве.ѕгс = 'міскег.јре' 
ітаре.оп1оаа = ФипсЕ1оп() 
{ 
ра+егп = сопіехі.сгеаћеРаё+егп(ітаве, ' гереаї') 


сопфехф.+1115%у1е = раї+егп 
сопфехе.+111Техе( 'Міскегреаід', ө, 0) 
сопфех{. ѕ&гокеТехї('Міскегреаід', ө, 0) 


} 


На всякий случай в этом примере сохранен вызов метода ѕ&ёпокеТехт, чтобы обе- 
спечить черный контур текста; без него не было бы достаточно выраженных краев. 


Здесь можно было также использовать широкое разнообразие других типов или 
узоров заливки, а простота работы с холстами существенно облегчает возможности 
экспериментирования. Более того, при желании, имея в наличии заголовок, можно 
также выбрать сохранение его копии путем вызова метода ёора+ауаі, что уже было 
подробно рассмотрено в данной главе. Затем можно воспользоваться изображением 
в качестве логотипа, к примеру, для выкладывания на другие сайты. 


Метод теаѕигеТехі 


При работе с текстом на холсте иногда может понадобиться узнать, сколько простран- 
ства он будет занимать, чтобы выбрать для него самое подходящее место. Выполнить 
эту задачу можно с помощью метода теаѕигеТехї следующим образом (предполагая, 
что все различные свойства текста к данному моменту уже были определены): 


теёгісѕ = сопфех{.теазигеТех*( 'Міскегреаід') 
міаёћ = мегісѕ.міаёһћ 


Поскольку высота текста в пикселах эквивалентна размеру шрифта в пунктах при 
его определении, объект теёгісѕ показателя высоты не предоставляет. 


Рисование линий 


Холст предоставляет множество функций рисования линий для удовлетворения 
практически всех потребностей, включая выбор линий, их законцовок и соеди- 
нений, а также путей и кривых всех типов. Но начнем со свойства, которое уже 
затрагивалось в предыдущем разделе. 


Свойство Ііпем/іаєћ 


Все методы рисования на холсте с применением линий пользуются рядом свойств 
этих линий, наиболее важным из которых является свойство 1іпеміа+ћ. Работать 
с этим свойством ничуть не сложнее, чем указывать ширину линии в пикселах, 
подобно следующему примеру, где задается ширина З пиксела: 


сопъех.1іпеліаёһ = 3 
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Свойства ІіпеСар и Ііпејоіп 


Когда рисуемые линии заканчиваются и имеют ширину, превышающую 1 пиксел, 
можно выбрать тип появляющейся законцовки этой линии, используя свойство 
1іпесар, у которого могут быть значения би++ (используется по умолчанию), гоипа 
или здиаге. Например: 


сопфехф.11пеСар = 'гоипа' 


Кроме того, в местах соединения линий шире 1 пиксела важно точно указать, как 
они должны встретиться. Это делается с помощью свойства 11пе3о1п, у которого 
могут быть значения гоипа, Беуе1 или м1ег (используется по умолчанию), на- 
пример: 


сопбехі.1іпеЈоіп = 'беме1' 


В примере 24.12 (который из-за своей сложности здесь приведен полностью) в со- 
четании применяются все три значения каждого свойства, создавая информатив- 
ный результат, показанный на рис. 24.11. Приведенные в данном примере методы 
реріпРа+ћ, сІоѕеРа+ћһ, то\уеТо и 11пеТо будут рассмотрены далее. 


Пример 24.12. Показ комбинаций законцовок и соединений линий 


<!БОСТУРЕ һ&т1> 
<Пт1> 
<Пеад> 
<{1{1е>Рисование линий</+1{1е> 
<5Сг1рЕ $гс='0$С.5'></5сг1ре> 


</Неаа> 
<Боду> 
<сапуа$ іа='тусапуаѕ' міаєһ='535' һеіғһ&= '360'›<‹/сапуаѕ> 
<$сг1ре> 
сапуаѕ = 0('тусапуаѕ') 
сопёехіё = сапуаѕ.реСоп+ехії('24') 
5(сапуаѕ) .баскегоипа = '1ірһ+ёр1ие' 
сопёехі.#1115+у1е = 'гед' 
сопфех{ .Копе = 'бо1а 13рї Соигіег' 
сопехі.ѕїгокеѕ%уїе = 'Б1ие' 
сопёехї.+ех&Ваѕе1іпе = '©ор' 
сопехі .+ех{А11еп = 'сепфег' 
сопех.1іпеміаёћ = 20 
сарѕ = [' Би’, ' гоипа', "ѕаиаге'] 
јоіпѕ = [' гоипа', ' беме1', ' ш\ег'] 


Фог (3 =0;3<3; +ј) 


Ғог (К = @;к<З3 ; ++к) 

{ 
сопфехф.11пеСар = сарѕ[5] 
сопбехё.1іпејоіп = јоіпѕ[к] 


сопфехе.+111Техе(' сар:' + сарѕ[5], 88 + ј * 180, 45 + Кк * 120) 
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сопфех{.+111Техе('301п:' + јоіпѕ[к], 88 + ј * 180, 65 +К * 120) 


сопфех{.Без1пРаеН() 
сопфех{.томеТо( 20 + } 
сопфехф.11пеТо( 20 + } 
сопфех{ .11пеТо(155 + ј 180, 20 + К * 120) 
сопфех{ .11пеТо(155 + ј 180, 100 + К * 120) 
сопехі.ѕЕгоке() сопёехё.с1оѕеРа+һ() 


} 
} 
</ѕсгірё> 
</боау> 
</ћЕт1> 


180, 100 + К * 120) 


ж 
* 180, 20 + К * 120) 
ж 
ж 


Этот код настраивает несколько свойств, а затем использует два цикла (один 
вложен в другой): один цикл применяется для законцовок, а другой — для со- 
единений. Внутри центрального цикла сначала задаются текущие значения для 
свойств 11пеСар и 1іпејоіп, которые затем показываются на холсте с помощью 
метода #111Тех+. 


Используя эти настройки, код рисует девять фигур с линиями шириной 20 пик- 
селов, каждая из которых, как показано на рис. 24.11, имеет отличную от других 
комбинацию настроек законцовок и соединений линий. 












Ф“ С 
<? Рисование линий 





р“ 
|< 19 СФ 1осаіһоѕ1/24/ехатріе24-12.Һіті 









сар:Ьи++ 
јоіп:гоџпа 


сар :=диаге 
јоіп:гоџпа 





















сар:Ьриї+ 
јоіп:рете1 


сар :гоџпа 
јоіп:рете1 


сар:зацаге 
Зо1п:Беуе1 
















сар:гоциЯя 
јоіп:мі+ег 


сар:ри++ 
јоіп:пі+ег 


сар:зачахе 
јоіп:мі+ег 











Рис. 24.11. Все комбинации законцовок и соединений линий 
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Как видите, законцовки с необработанным торцом (бие) короткие, квадратные 
законцовки (зачцаге) длиннее, а скругленные законцовки (гоипа) по размеру на- 
ходятся где-то между этими двумя. В то же время скругленные соединения линий 
(гоипа) имеют изогнутую форму, скошенные (Ъе\уе1) имеют срезанные углы, 
а угловые (тіёег) имеют острые углы. Соединения линий также применяются по 
отношению к углам, отличающимся от прямых. 


Свойство тіёегіцігтіё 


Если обнаружится, что угловые соединения, подвергшиеся обрезке, слишком ко- 
ротки, их можно продлить с помощью свойства тібегі іті: 


сопбехі.тіёегі іті+ = 15 


По умолчанию используется значение 16, поэтому лимит углового соединения 
можно также укоротить. Если для свойства тіёегіітії не установлено достаточно 
большое для углового соединения значение, то заостренные угловые соединения 
станут просто скошенными. Поэтому, если не удается сделать соединение угловым, 
нужно просто увеличивать значение, предоставляемое свойству м1 ег 11, до тех 
пор, пока не сформируется угол. 


Использование путей 


В предыдущем примере использовались два метода настройки путей для того, что- 
бы им следовали методы рисования линий. Метод беріпРа+һ устанавливает начало 
пути, а метод с1озеРаН — конец пути. Внутри каждого пути можно использовать 
различные методы для перемещения места рисования и для создания линий, кри- 
вых линий и других фигур. Изучим соответствующий фрагмент примера 24.12, 
упрощенный до создания одного экземпляра узора: 


сопфех{ .Беё1пРаеН () 
сопіехі.тоуеТо(20, 100) 
сопёехі.1іпеТо(20, 20) 
сопёехі.1іпеТо(155, 20) 
сопёехі.1іпеТо(155,100) 
сопёехі. ѕгоке() 
сопёехі. с1оѕеРаїћ() 


В этом кодовом фрагменте путь начинается в первой линии, а затем место рисова- 
ния перемещается в позицию на 20 пикселов в сторону и на 100 пикселов вниз от 
верхнего левого угла холста, для чего используется вызов метода тоуето. 


Затем следуют три вызова метода 11пеТо, рисующие три линии, сначала вверх к по- 
зиции (20; 20), затем направо к (155; 20), а затем вниз к (155; 100). После установки 
этого пути для его прокладывания вызывается метод $4гокКе, и, наконец, путь за- 
крывается, поскольку он больше не нужен. 


Использование путей 653 





Важно закрыть путь сразу же, как только работа по его прокладыванию будет 
завершена, в противном случае при использовании нескольких путей можно 
получить весьма неожиданные результаты. 








Методы тоуеТо и теТо 


Методы моуето и 11пето получают в качестве своих аргументов простые коор- 
динаты х и у, но тоуеТо поднимает воображаемое перо с текущего места и затем 
перемещает его на новое место, а 11пеТо рисует линию от текущей позиции вооб- 
ражаемого пера до указанной новой позиции. Или, точнее говоря, линия будет на- 
рисована после вызова метода ѕёгоке, и никак иначе. Поэтому просто скажем, что 
метод ІіпеТо создает потенциальную рисуемую линию, но она, к примеру, в равной 
степени может быть частью контура для области заливки. 


Метод оке 


Метод ѕёгоке предназначен для фактического рисования всех линий, созданных 
до этого в пути на холсте. Если он вызывается в пределах незакрытого пути, тут же 
прорисовывается все вплоть до последней позиции воображаемого пера. 


Но если путь закрыт, а затем выдан вызов метода ѕёгоке, в результате получится 
эффект соединения пути от текущего местоположения воображаемого пера до на- 
чала пути, что в данном примере превратит фигуры в прямоугольники (а это для нас 
нежелательно, поскольку нам нужно показать законцовки и соединения линий). 








Этот эффект соединения закрытого пути нам еще пригодится (как будет показано 
ниже) для создания надлежащим образом замкнутых путей перед применением 
к ним любых нужных вам методов заливки. В противном случае графика, ис- 
пользуемая вами для заливки, может выйти за пределы пути. 








Метод гесі 


Если понадобится создать прямоугольники с четырьмя (а не с тремя, как в пре- 
дыдущем примере) нарисованными сторонами (без закрытия пути), может быть 
выдан еще один вызов метода 11пето (выделенный полужирным шрифтом) для 
замыкания всего контура: 


сопбех+ .БберіпРа&һ() 
сопёехї.тоуеТо(20, 100) 
сопёехї.1іпеТо(20, 20) 
сопёех.1іпеТо(155, 20) 
сопёех.1іпеТо(155, 100) 
сопёехі.1іпеТо(20, 100) 
сопёех+.с1оѕеРаїћ() 
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Но есть более простой способ рисования таких прямоугольников, предусматрива- 
ющий использование метода гес*: 


гес(20, 20, 155, 100) 


Всего лишь при одном вызове эта команда получает две пары координат хи уири- 
сует прямоугольник с верхним левым углом в позиции (20; 20) и нижним правым 
углом на позиции (155; 100). 


Заливка областей 


Используя пути, можно создавать сложные области, которые также могут быть зали- 
ты с применением чистого цвета, градиента или узора. В примере 24.13 для создания 
сложного, похожего на звезду узора используются основы тригонометрии. Не стану 
вдаваться в математические подробности, потому что для примера это неважно 
(хотя, если хотите поэкспериментировать с кодом, попробуйте для получения других 
эффектов изменить значения, присвоенные переменным роіпёѕ, ѕса1е1 и ѕса1е2). 


Пример 24.13. Заливка сложного пути 


<!БОСТУРЕ һ&т1> 
<һёт1> 
<Пеад> 
<{1{1е>Заливка пути </&іТ1е» 
<5СГ1рф $гс='0$С.5$'></5сг1ре> 


</Неаа> 
<роау> 
<сапуа$ їіа='тусапуаѕ' міаєһ= '320' һеіғһ&= '320'›</сапуаѕ> 
<5сгірі»> 
сапуаѕ = 0('тусапуаѕ') 
сопёехі = сапуаѕ.реЁСоп+ехії('24') 
5(сапуаѕ).баскегоипа = '1ірһ+р1ие' 
сопех+.ѕігокеѕ+уіе = 'огапғе' 
сопѓех+.#1115+у1е = 'уе110м' 
0г15 = 160 роіпіѕ = 21 
915 = Маһ.РІ / роіпїѕ * 2 ѕса1е1 = 150 ѕса1е2 = 80 


сопех+ .БеріпРа+ћ() 
Ғог (у = 0; ј < роіпіѕ ; ++ј) 


х = Маһ. ѕіп(у * 15+) 
У = Маһ. соѕ(ј * Я1ѕ+) 
сопех+.1іпеТо(огіє + х * ѕса1е1, огір + у * ѕса1е1) 
сопех+.1іпеТо(огіє + х * ѕса1е2, ог1в + у * ѕса1е2) 


} 


сопёех+. с1оѕеРаїһ() 
сопёех+.ѕігоке() 
сопѓех+.#111() 
</5сг1ре> 
</боау> 
</ћЕм1> 


Метод ср 655 





Реальный интерес представляют строки, выделенные полужирным шрифтом, 
в которых задается начало пути, находятся два вызова метода 11пеТо, определя- 
ющие очертание, задается закрытие пути, а затем вызываются методы ѕіёгоке и +111 
для прорисовки очертания оранжевым цветом и заливки фигуры желтым цветом 
(рис. 24.12). 


©» Заливка пути 


(<) Э СФ осаіһоѕі/2: .. Я» 

















Рис. 24.12. Рисование и заливка сложного пути 


Благодаря путям можно создать объект любой сложности либо с помощью фор- 
мул, либо с помощью циклов (как в данном примере), либо просто с помощью 
длинной череды дополнительных вызовов методов то\уеТо и (или) ИпеТо или 
других вызовов. 





Метод ср 


Иногда при построении пути может потребоваться проигнорировать участки хол- 
ста (возможно, если что-то рисуется «позади» другого объекта, нужно отобразить 
только видимую часть). Это делается с помощью метода с1ір, который создает 
границу, за пределами которой такие методы, как ѕёгоке, +111 или другие методы, 
не будут иметь никакого эффекта. 
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Чтобы проиллюстрировать это, в примере 24.14 создается эффект, похожий на 
жалюзи. Сначала указатель воображаемого пера перемещается к левому краю, 
затем с помощью метода 1іпеТо рисуется по направлению к правому краю, затем 
вниз на 30 пикселов, а затем опять назад к левому краю и т. д. Тем самым создается 
разновидность извилистого узора, состоящего из серии горизонтальных полос, на- 
рисованных на холсте (рис. 24.13). 


Пример 24.14. Создание вырезанной области 
сопфех{ .Бев1пРаеН () 


Фог (3 = 0; ј < 10; ++ј) 





сопфех{.томеТо(20, Јј * 48) 
сопёехё.1іпеТо(620, ј * 48) 
сопёехё.1іпеТо(620, ј * 48 + 30) 
сопёехё.1іпеТо(20, Јј * 48 + 30) 
} 
сопѓех+.ѕЕгоке() 
сопфех{ .с1озеРаЕН() 
СИ Создание вырезанной област Ж + = = 
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Рис. 24.13. Путь горизонтальных полос 


Метод сір 657 





Для превращения этого примера в вырезанную область холста нужно заменить вы- 
зов метода ѕёгоке (выделен в примере полужирным шрифтом) вызовом метода с1ір: 


сопфехе.с11р() 


Теперь контур полос не будет виден, но вырезанная область, которая состоит из всех 
отдельно взятых полос, останется на месте. Чтобы проиллюстрировать это, в при- 
мере 24.15 осуществляется подстановка метода, затем предыдущий пример дополня- 
ется рисованием на холсте простой картинки зеленой травы под голубым небом, на 
котором находится сияющее солнце (отредактированное из примера 24.12). Все из- 
менения выделены полужирным шрифтом, а результат показан на рис. 24.14. 


Пример 24.15. Рисование внутри границ вырезанной области 
сопфехе.+1115%у1е = '‘мһіїе' 

сопфех{ . °+гокевес*(20, 20, 600, 440) // Черная граница 
сопфехе.+111Весе( 20, 20, 600, 440) // Белый фон 
сопфех{.Безё1пРаеИ() 


Ғог (3 = 0; ј < 10; ++ј) 


{ 
сопфех{.томеТо(20, ј * 48) 
сопбехё.1іпеТо(620, ј * 48) 
сопбехі.1іпеТо(620, ј * 48 + 30) 
сопфех{.11пеТо(20, ј * 48 + 30) 
} 
сопёех+.с11ір() 
сопёех+.с1оѕеРаїћ() 
сопфехе.+111$%у1е = 'Ь1ие' // Синее небо 
сопЁех+.Ғ111Кесї(20, 20, 600, 320) 
сопфехе.+1115%у1е = 'ргееп' // Зеленая трава 
сопёех+.Ғ111Кесї (20, 320, 600, 140) 
сопёех+.ѕгокеѕ+у1е = 'огапғе' 


сопёех+.#1115+1у1е = 'уе110ом' 


0г1= = 170 

роіпїѕ = 21 

415+ = Маһ.РІ / роіпіѕ * 2 
$са1е1 = 130 

$са1е2 = 80 


сопёех+ .БевіпРа+һ() 


Ғог (3 = Ө; ј < роіпіѕ ; ++ј) 


{ 
х = Маһ. ѕіп(ј * 415+) 
У = Маһ. соѕ(ј * 915+) 
сопех+.1іпеТо(огіє + х * ѕса1е1, огір + у * ѕса1е1) 
сопёех+.1іпеТо(огіє + х * ѕса1е2, огір + у * ѕса1е2) 
} 
сопёех+. с1оѕеРаїћ() 
сопёех+.ѕЕгоке() // Контур солнца 


сопёех+.Ғ111() // Заливка солнца 
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Рис. 24.14. Рисование осуществляется только внутри разрешенной вырезанной области 


Мы здесь собираемся не выигрывать некое состязание, а показать, насколько дей- 
ственным может быть вырезание при его эффективном использовании. 


Метод іѕРоіпИпРаёћ 


Иногда нужно знать, находится ли конкретная точка на выстроенном пути. Но, ве- 
роятнее всего, этот метод пригодится только в том случае, если вы очень хорошо 
разбираетесь в ЈауаЅсгірі и создаете весьма непростую программу. Тогда он будет 
вызываться, как правило, в составе условной инструкции 1+: 


1+ (сопёехі.іѕРоіпёІпРаћ (23, 87)) 


// Здесь выполняются какие-нибудь действия 


} 


Первым аргументом в вызове является координата позиции ғ, а вторым — координа- 
та позиции у. Если указанная позиция находится в любой точке пути, метод возвра- 
щает значение {гие и выполняется содержимое инструкции 1+. В противном случае 
возвращается значение Ға1ѕе и содержимое инструкции 1+ не выполняется. 
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Идеальным случаем использования метода іѕРоіпёІпРаёһћ можно считать игры 
с применением холста, в которых нужно проверять, попала ли ракета в цель, до- 
стиг ли мяч стены или биты или выполнение подобных пограничных условий. 


Работа с кривыми линиями 


В дополнение к прямым путям можно создавать практически бесконечное разно- 
образие криволинейных путей, выбирая различные методы, от позволяющих рисо- 
вать простые дуги и окружности до тех, что дают возможность рисовать сложные 
кривые второй степени и кривые Безье. 


Фактически для создания многих линий, прямоугольников и кривых использовать 
пути не нужно, поскольку их можно рисовать непосредственно вызовом их методов. 
Но использование путей позволяет более тонко контролировать ситуацию, поэтому 
я почти всегда предпочитаю, как показано в следующих примерах, рисовать кривые 
по указанным путям. 


Метод агс 


Метод агс требует передачи ему координат центра дуги хи у и радиуса в пикселах. 
Наряду с этими значениями нужно передать пару смещений в радианах и необя- 
зательного направления: 


сопфех{.агс(55, 85, 45, 0, Ма И.РТ / 2, Ға1ѕе) 


Поскольку по умолчанию действует направление по часовой стрелке (значение 
Ға1ѕе), его указание может быть опущено или изменено на {гие для рисования 
дуги против часовой стрелки. 


В примере 24.16 создаются три набора из четырех дуг, первые две из которых ри- 
суются по часовой стрелке, а третья и четвертая — против. Кроме того, для первого 
набора из четырех дуг их пути закрываются до вызова метода $+гоке, поэтому на- 
чальная и конечная точки соединяются, а два других набора дуг рисуются до того, 
как путь закрывается, поэтому соединения не происходит. 


Пример 24.16. Рисование различных дуг 
сопех+.ѕігокеѕ%у1е = '61ие' агсѕ = 


[ 
Маен.РТ, 
Маен.РТ * 2, 
МаЁһ.РІ / 2, 
Ма&һ.РІ / 180 * 59 
] 


Ғог (3 = 0; ј < 4; ++]ј) 
сопфех{ .БберіпРаёћ() 


сопфех{.агс(80 + ј * 160, 80, 70, 0, агсѕ[5]) 
соп+ех+.с1оѕеРаЁһ() 
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сопфехе. Егоке() 


} 


сопёехї.ѕЕгокеѕ+у1е = 'геа' Фог (ј = 0 ; ј < 4 ; ++ј) 


{ 


сопёехё.бреріпРа+ћ() 

сопфех{.агс(80 + ј * 160, 240, 70, 0, агсѕ[5]) 
соп+ехі.ѕёгоке() 

сопфехе. с1озеРа В () 


} 


сопфехф. $+гокезфу1е = 'ргееп' 


Фог (3 =0;3‹4;++)) { 
сопфех{.агс(80 + ј * 160, 400, 70, Ө, агсѕ[5], гие) 
сопіехЕ.ѕёгоке() сопёех+. с1оѕеРаїћ() 


} 


Для того чтобы код был короче, я нарисовал все дуги, используя циклы, поэтому 
длина каждой дуги хранилась в массиве агсѕ. Эти значения выражены в радианах, 
а поскольку радиан равен 180 / е (где в — это отношение длины окружности к ее 
диаметру, или приблизительно 3,1415927), они вычисляются следующим образом: 
С Маей.РТ — эквивалентно 180°; 

О МаЕһ.РІ * 2 — эквивалентно 360°; 


О Ма&һ.РІ / 2 — эквивалентно 90°; 





С Ма+һ.РІ / 180 * 59 — эквивалентно 59°. 


На рис. 24.15 показаны три строки с дугами и проиллюстрированы оба варианта 
использования аргумента направлений, где значение «гие было установлено для 
последнего набора, и важность выбора места закрытия пути в зависимости от того, 
нужно ли рисовать линию, соединяющую стартовую и конечную позиции. 





Если вместо радиан вы предпочитаете работать с градусами, можно создать новую 
функцию библиотеки Май: 





Маһ .дезгееТоваЧ1ап$ = ФРипс1оп(аевгее$) 
{ 


геёигп Ӣергееѕ * МафП.РТ / 180 


} 


А затем заменить весь код по созданию массива, начинающийся в примере 24.16 
со второй строки, следующим кодом: 


агс$ = 

[ 
Маһ. аергееѕТоКааіапѕ (180), 
Маһ. аӢергееѕТоКааіапѕ (360), 
Маһ. аӢергееѕТоКадіапѕ(90), 
Маһ. аергееѕТоКааіапѕ (59) 
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©? Рисование различных дуг 
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Рис. 24.15. Разнообразие типов дуг 


Метод агсТо 


Вместо создания сразу всей дуги можно выбрать проведение дуги из текущей по- 
зиции в пути до другой позиции, как в следующем вызове метода агсТо (который 
просто требует двух пар координат х и у и радиуса): 


сопёех+.агсТо(100, 100, 200, 200, 100) 


Передаваемые методу позиции представляют собой точки, где воображаемые каса- 
тельные линии подводятся к контуру дуги в ее стартовой и конечной точках. 


Чтобы проиллюстрировать, как это все работает, в примере 24.17 рисуются во- 
семь различных дуг с радиусами от 0 до 280 пикселов. При каждом проходе цикла 
создается новый путь со стартовой точкой в позиции (20; 20). Затем рисуется дуга 
с использованием воображаемых касательных из этой позиции к позиции (240; 20) 
и из этой позиции к позиции (460; 20). В данном случае определяются пары каса- 
тельных под углом 90° друг к другу в форме буквы У. 
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Пример 24.17. Рисование восьми дуг с разными радиусами 
Ғог (ӯ = 0 ; ј <= 280 ; ј += 40) 
{ 
сопёехё .бреріпРа+ћ() 
сопфехе.тоуеТо(20, 20) 
сопфех{.агсТо(240, 240, 460, 20, ј) 
сопёехё.1іпеТо(460, 20) 
сопіехі.ѕ+гоке() 
сопёехі. с1оѕеРа+һћ() 


} 


Метод агсТо рисует только до той точки, где дуга встречается со второй вообра- 
жаемой касательной. Поэтому после каждого вызова метода агсТо метод 1іпеТо 
создает оставшуюся часть линии с того места, в котором остановил свою работу 
метод агсТо, до позиции (460; 20). Затем результат рисуется на холсте путем вызова 
метода ѕёгоке и путь закрывается. 


Как видно на рис. 24.16, когда вызывается метод агсто со значением радиуса 6, 
создается острое соединение. В данном случае это прямой угол (но если две вооб- 
ражаемые касательные находятся под другими углами по отношению друг к друту, 
соединение будет под этим углом). Затем по мере увеличения радиуса можно уви- 
деть, что дуги становятся все больше и больше. 


А? Метод ағсТо х [+ = 1 > | 
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Рис. 24.16. Рисование дуг с разными радиусами 


По сути, лучше всего агсТо использовать для создания кривой из одной части 
рисунка в другую, рисуя дугу на основе предыдущей и последующей позиций, 
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как будто они были касательными к создаваемой дуге. Если это воспринимается 
слишком сложно, не стоит переживать: скоро вы всему научитесь и поймете, что 
это действительно удобный и логичный способ рисования дуг. 


Метод ачаагайсСигуеТо 


Как бы ни были дуги полезны, они являются всего лишь одним из типов кривых 
линий и могут стать препятствием для создания более сложных конструкций. 
Но нам нечего бояться: существуют и другие способы рисования кривых, например 
путем использования метода дцадга{1сСигуетТо. С помощью этого метода можно 
поместить воображаемую точку притяжения ближе к кривой (или дальше от нее), 
чтобы притянуть ее в этом направлении, точно так же, как меняется траектория 
объекта в космосе за счет его притяжения гравитацией планет и звезд, возле кото- 
рых он проходит. 


Но, в отличие от гравитации, чем дальше находится точка притяжения, тем больше 
она к себе притягивает! 


В примере 24.18 имеется шесть вызовов этого метода, создающего путь для куче- 
вого облака, которое затем заливается белым цветом. На рис. 24.17 показано, как 
углы пунктирной линии снаружи облака представляют точки притяжения, при- 
меняемые к каждой кривой. 
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Рис. 24.17. Рисование с кривыми второго порядка 
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Пример 24.18. Рисование облака с кривыми второго порядка 


сопфех{ф.Бев1пРаеН() 

сопфех{.томуеТо(180, 60) 

сопфех{ .диадга{1сСигуеТо(2409, ө, 300, 60) 
сопёехї.диаагабісСигуеТо (460, 30, 420, 100) 
сопехі.диаагабісСигуеТо (480, 210, 340, 170) 
сопехї.диаагабісСигуеТо(240, 240, 200, 170) 
сопехї.диаагабісСигуеТо (100, 200, 140, 130) 
сопфех{ .диаага{1сСигуеТо( 40, 40, 180, 60) 
сопехі.Ғ1115+у1е = 'мһіе' 

сопфехе.+111() 

сопфех{ .с1озеРаЕН() 





Кстати, для получения на этом изображении пунктирной линии вокруг облака 
я воспользовался методом ѕігоке в связке с методом ѕеіпераѕћ, которому пере- 
дается список, представляющий длины пунктиров и пробелов. В данном случае 
я использовал ѕепераѕћ([2, 3]), но вы можете создавать пунктирные линии лю- 
бой требуемой сложности, например ѕеіпе- Ба$Н([1, 2, 1, 3, 5, 1, 2, 4]). Я не стал 
документировать это свойство, так как пока оно было реализовано только в ТЕ, 
Орега и Сһготе. Я очень надеюсь, что вскоре оно будет реализовано и в других 
браузерах, поскольку это было бы великолепным дополнением для создания, 
к примеру, контуров и границ карт. 








Метод БейегСигуеТо 


Если гибкости кривых второго порядка вам не хватает, то как вы отнесетесь к на- 
личию доступа к двум точкам притяжения для каждой кривой? Используя метод 
Бе71егСигуето, можно делать то же самое, что и в примере 24.19, где кривая созда- 
ется между позициями (24; 20) и (240; 220), но с невидимыми точками притяже- 
ния за пределами холста (в данном случае) в позициях (720; 480) и (240; —240). 
Форма, получаемая этой кривой, показана на рис. 24.18. 


Пример 24.19. Создание кривой Безье с двумя точками притяжения 


сопфех{ .Бев1пРаеН () 

сопфех{.томуеТо(249, 20) 

сопфех{ .Бе71егСигуеТо(720, 480, -240, -240, 240, 220) 
сопёехі. ѕгоке() 

сопфех{ .с1озеРаЕН() 


Точки притяжения не обязательно должны быть по разные стороны от кривой, 
поскольку их можно помещать где угодно, и когда они расположены близко 
друг к другу, будет оказываться комбинированное притяжение (в отличие от то- 
чек притяжения, расположенных с разных сторон, как в предыдущем примере). 
Использование этих разновидностей методов рисования кривых дает возможность 
рисовать любые типы кривых, которые только могут понадобиться. 
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Рис. 24.18. Кривая Безье с двумя точками притяжения 


Обработка изображений 


Графические методы позволяют не только рисовать и вести запись на холсте, но 
и помещать на него изображения или извлекать их с холста. При этом вы не огра- 
ничены простыми командами копирования и вставки, поскольку изображения при 
их чтении или записи можно растягивать и искривлять, а также получить полный 
контроль над эффектами наложения и теней. 


Метод агамЛтаде 


Используя метод дгамтТтаве, можно взять объект изображения, загруженный 
с сайта, выложить его на сервер или даже извлечь с холста и нарисовать его на 
холсте. 


Метод поддерживает большое разнообразие аргументов, многие из которых 
являются необязательными, но в наипростейшем варианте агамТтаре можно вы- 
звать, как показано далее, где ему передаются только изображение и пара коор- 
динат хи у: 


сопбех+.агамІтасе(туітаре, 20, 20) 


Эта команда рисует изображение, содержащееся в объекте туітаре на холсте с кон- 
текстом соптех+, с верхним левым углом изображения в позиции 20, 20. 
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Чтобы обеспечить загрузку изображения до его использования, лучше всего за- 
ключить код обработки рисунка в функцию, вызываемую только после загрузки 
изображения: 








туітаве = пем Ітаре() туітаве.ѕ”с = 'ітаре.рі+' 





туітасе.оп1оаа = Ғипс+іоп() 


{ 


сопбехї.агамІтаве(туітаве, 20, 20) 


} 





Изменение размеров изображения 


Если нужно изменить размеры изображения при помещении его на холст, то к вы- 
зову добавляется вторая пара аргументов, представляющая требуемую ширину 
и высоту (выделено полужирным шрифтом): 


сопфех{ .АгамТтазе (ту1таёе, 140, 20, 220, 220) 
сопфех{ .ЧгамТтазе (ту1таёе, 380, 20, 80, 220) 


Здесь изображение помещается в два места: в первое, точку с координатами 
(140; 20), где оно увеличивается (со 100-пиксельного до 220-пиксельного), 
и во второе, которое относится к позиции (380; 20), где изображение сжато 
по горизонтали и расширено по вертикали, чтобы получить ширину и высоту 
80 х 220 пикселов. 


Выбор области изображения 


Вы не обязаны использовать все изображение, можно также выбрать в нем область 
при использовании дгамТтаве. Это может, к примеру, пригодиться, если нужно 
поместить все графические изображения, в отношении которых имеются планы, 
в один файл, а затем просто извлечь нужную часть изображения. Этот прием раз- 
работчики часто используют для ускорения загрузки страницы и снижения на- 
грузки на сервер. 


Но выполнение такой задачи не обходится без небольших ухищрений, потому что 
вместо добавления дополнительных аргументов в конец списка для этого метода 
при извлечении области изображения данные аргументы нужно поместить пер- 
выми. 


Например, чтобы поместить изображение в позицию (20; 140), нужно выдать сле- 
дующую команду: 


сопехї.агамІтаве (ту1таёе, 20, 140) 


А для передачи методу высоты и ширины 100 х 100 пикселов нужно изменить вы- 
зов (изменения выделены полужирным шрифтом): 


сопфех{ .ЧгамТтазе (ту1таёе, 20, 140, 100, 100) 
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Но, к примеру, для захвата (или вырезки) подраздела размером 40 х 40 пикселов 
с верхним левым углом изображения (30; 30) нужно вызвать метод подобным об- 
разом (где новые аргументы выделены полужирным шрифтом): 


сопбех+.агамІтасе(туітаре, 30, 30, 40, 40, 20, 140) 
А для изменения размеров захваченной части до квадрата со стороной 100 пикселов 
нужно воспользоваться следующим кодом: 


сопбех+.агамІтасе(туітаре, 30, 30, 40, 40, 20, 140, 100, 100) 








Я считаю, что такой способ работы метода слишком запутан, и не могу найти 
этому никакого логического объяснения. Но, поскольку он так работает, боюсь, 
что с этим ничего не поделаешь и остается только заставить себя запомнить, 
какой аргумент куда помещается и при каких условиях. 














В примере 24.20 используются различные вызовы метода ігамІтаве для получения 
результата, показанного на рис. 24.19. Для того чтобы было понятнее, я разредил 
аргументы пробелами, чтобы значения каждого столбца представляли одинаковую 
информацию. 











х В - = 


Ж: 
[1 Э Со ОФ 1осаіһоѕ1/24/ехатріе24-20.һіті 


а 


Рис. 24.19. Рисование изображений на холсте с изменениями размеров и вырезкой 


2% м 
А? Рисование изображений 

















Пример 24.20. Различные способы рисования изображения на холсте 


туітаве = пем Ітаре() 
туімаве.ѕгс = 'ітаве.рпе' 


туітасе.оп1оаа = Фипс1оп() 
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1 
сопфех{ . агамІтаре (ту1тазе, 20, 20 ) 
сопфех{ . агамІтаре (ту1тазе, 140, 20, 220, 220) 
сопфех{ . агамІтаре (ту1тазе, 380, 20, 80, 220) 
сопёехї.агамІтаве (туітасе, 30, 30, 40, 40, 20, 140, 100, 100) 
} 


Копирование с холста 


Холст также можно использовать в качестве исходного изображения для рисования 
на том же (или на другом) холсте. Нужно просто предоставить вместо объекта изо- 
бражения имя объекта холста и воспользоваться всеми остальными аргументами 
точно так же, как они применялись бы с изображением. 


Добавление теней 


Когда на холсте рисуется изображение (либо его часть) или какой-нибудь другой 
объект, можно также поместить тень под этим рисунком с помощью одного или 
нескольких следующих свойств: 


О ѕһааомоғҒҒѕе+Х — горизонтальное смещение в пикселах, на величину которого 
тень должна быть сдвинута вправо (или влево при отрицательном значении); 


О ѕһааомоҒҒѕе+Ү — вертикальное смещение в пикселах, на величину которого тень 
должна быть сдвинута вниз (или вверх при отрицательном значении); 


О ѕһаомВ1иг — количество пикселов, над которым будет размыто очертание тени; 





О ѕһадомСо1ог — основной цвет, используемый для тени. Если применяется раз- 
мытие, этот цвет будет в размываемой области смешиваться с фоном. 


Эти свойства могут применяться к тексту и линиям, атакже к цельным изображениям, 
как в примере 24.21, где тени добавляются к тексту, изображению и объекту, соз- 
данному с использованием пути. На рис. 24.20 можно увидеть тени, разумно обте- 
кающие видимые части изображений, а не только их прямоугольные границы. 


Пример 24.21. Применение теней при рисовании на холсте 


туітаве = пем ітаре() 
туітаве.ѕ”с = 'арр1е.рпе' 
огіб = 95 

роіпїіѕ = 21 

91$ = Маһ.РІ / ро1п{$ * 2 
ѕса1е1 = 75 

ѕса1е2 = 50 


туітаре.оп1оаа = Ғипс+іоп() 


{ 


сопёехё .бреріпРа+ћ() 


Фог (3 = 0; ј < роіпіѕ ; ++ј) 
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х = Ма+һ.ѕіп(ј * 415+) 
У = МаЁһ.соѕ(ј * 91$%) 
сопфех{ .11пеТо(ог18 + х * ѕса1е1, ог1в + у * ѕса1е1) 
сопфех{ .11пеТо(ог18 + х * ѕса1е2, ог1в + у * ѕса1е2) 


} 
сопёехі. с1оѕеРаїћ() 


сопбех+і . ѕ$һайомОҒҒѕе+Х = 
сопбех+і . ѕ$һайомОҒҒѕе+Ү = 
сопбех+ . ѕ$һайомВ1иг = 
сопбехі. ѕ$ћайомСо1ог = '#444' 
сопфехф.+1115%у1е = 'геа’ 
сопёех+. ѕгоке() 
сопфехф.+111() 


- о л л 


сопфехф . ѕһааомоғҒҒѕеїх = 
сопфехф . ѕһааомоОғҒҒѕе+ү = 
сопфехф . $ПадомВ1иг = 
сопфехф. $ПадомСо1ог = 'уе11ом" 

сопёех+. Ғопё = 'бо1а 36ре Тімеѕ' 
сопфех{ .+ех{Вазе11пе = 'Фор' 
сопфехф.+1115%у1е = 'сгееп' 
сопфехф.+111Техе( '5а1е пом оп!', 200, 5) 


о № м 


сопфех{. $ВадомОЕЕе{Х = 
сопъех+і . ѕ$һайомОҒҒѕе+Ү = 
сопбех+ . ѕ$һайомВ1иг 
сопбехі. ѕ$ћайомСо1ог = 'Б1аск' 

сопех+.агамІтаве(туітаре, 245, 45) 


лиш ш 













К? Добавление теней х + - = 


ЕЧ » | = 











р 
(6) —> Со О 1осаіһоѕ1/24/ехатріе24-21.һ: 


5ае поу оп! 





Рис. 24.20. Тени под различными типами рисованных объектов 
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Редактирование на уровне пикселов 


Холсты в НТМТ.5 не только предоставляют множество эффективных методов рисо- 
вания, но и позволяют закатав рукава покопаться в изображениях непосредственно 
на уровне пикселов с помощью трех весьма действенных методов. 


Метод де тадебаа 


Метод реІтарера+а позволяет захватить часть холста (или весь холст целиком), 
предоставляя возможность как угодно изменять извлеченные данные, а затем со- 
хранять их или помещать где-нибудь на холсте (либо на другом холсте). 


Чтобы проиллюстрировать работу метода, в примере 24.22 сначала загружается 
уже готовое изображение, которое рисуется на холсте. Затем данные с холста 
считываются в объект по имени ідаќа, где все цвета усредняются для перевода 
каждого пиксела в оттенки серого цвета, а затем, как показано на рис. 24.21, немного 
корректируются для сдвига каждого цвета в сторону светло-коричневых оттенков. 
В следующем разделе рассматривается массив пикселов да+а и что происходит при 
прибавлении или вычитании значения 50 из элементов массива. 


К? Манипулирование данными : Ж + 











Рис. 24.21. Преобразование изображения в светло-коричневые оттенки 
(при просмотре в оттенках серого будут видны лишь незначительные различия) 


Пример 24.22. Манипулирование данными изображения 


туітаве = пем Ітаре() 
туітаре.ѕрс = 'рһо+о.јре' 


туітаре.оп1оаа = Ғипс+іоп() 


{ 


сопёехі.агамІтарве(туітаве, 0, 9) 
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1афа = соптехї.реёІтарера+а(@, 9, туітаре.міаһ, туітаре.һеірһ+) 
Ғог (у = 9 уу < муітаре.һеірһё ; ++у) 
{ 


роѕ = у * муітаре.міаёћ * 4 


Ғог (х = @ ; х < туітаве.міаёћ ; ++х) 


{ 
ауегаве = 
( 
ідаа+а.да+а[роѕ] + 
1Чафа.аафа[ро$ + 1] + 
1афа.аафа[роз + 2] 
) /3 
іаа+а.аа+а[роѕ] = ауегаре + 50 
іааба.аа+а[роѕ + 1] = ауегаве 
1афа.Чафа[ро$ + 2] = ахуегаре - 50 
роѕ += 4; 
} 
} 
сопёех+.риёІтарера+а(іаа+а, 320, 0) 


} 


Массив ааа 


Эта манипуляция изображением работает благодаря массиву дата, который явля- 
ется свойством объекта іааќа, возвращаемым при вызове метода веІтавераќа. 
Этот метод возвращает массив, содержащий все пиксельные данные для выбранной 
области изображения в их составных частях из красного, зеленого, синего цвета 
и альфа-прозрачности. Таким образом, для сохранения каждого цветного пиксела 
используются четыре элемента данных. 


Все данные сохраняются в массиве да+а последовательно, так что за значением 
для красного цвета идет значение для зеленого, а затем для синего цвета, после 
чего идет значение для альфа-прозрачности, затем следующий элемент массива со 
значением для красного цвета для следующего пиксела и т. д. Таким образом, для 
пиксела в позиции (0; 0) получаются следующие данные: 


1афа.Чафа[9] // Уровень красного 
1афа.Чафа[1] // Уровень зеленого 
1афа.Чафа[2] // Уровень синего 
1афа.Чафа[3] // Уровень альфа-прозрачности 


Затем следуют данные для пиксела в позиции (1; 0): 


1афа.Ча*а[4] // Уровень красного 
1афа.Чафа[5] // Уровень зеленого 
1афа.Чафа[6] // Уровень синего 
1афа.Чафа[7] // Уровень альфа-прозрачности 


В данном изображении все продолжается таким же образом до самого правого пик- 
села изображения в строке 0 — это 320-й пиксел в позиции (319; 0). В этом месте 
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значение 319 умножается на 4 (количество элементов данных в каждом пикселе), 
чтобы прийти к следующему массиву элементов, содержащему данные пикселов: 


1Чафа.аафа[1276] // Уровень красного 
1Чафа.Чафа[1277] // Уровень зеленого 
1Чафа.аафа[1278] // Уровень синего 
1Чафа.аафа[1279] // Уровень альфа-прозрачности 


Это заставляет указатель данных проходить весь путь назад к первому столбцу 
изображения, но теперь к строке 1 в позиции (0; 1), которая (поскольку каждая 
строка в этом изображении имеет ширину 320 пикселов) находится по смещению 
(0х4) + (1х 320 х 4), или 1280: 


1Чафа.аафа[1280] // Уровень красного 
1Чафа.аафа[1281] // Уровень зеленого 
1Чафа.аафа[1282] // Уровень синего 
1Чафа.аафа[1283] // Уровень альфа-прозрачности 


Следовательно, если данные изображения хранятся в іда+а, ширина изображения — 
в и, а позиция пиксела, к которому идет обращение, — в х иу, ключевой используемой 
формулой при непосредственном доступе к данным изображения будет такая: 


гед = 1Чафа.Чафа[х * 4 + у * м * 4 1 
Бгееп = іаа+а.Яа+а[х * 4 + у * м * 4 + 1] 
Ь14е = ійа+а.Яата[х * 4 + у * м * 4 + 2] 
а1рһа = 14афа.дафа[х * 4 + у * и * 4 + 3] 


Зная об этом, мы создали эффект светло-коричневых оттенков на рис. 24.21, взяв 
красный, зеленый и синий компоненты каждого пиксела и усреднив их, как в этом 
коде (где роѕ является изменяющимся указателем на место в массиве для текущего 
пиксела): 


ауегаре = 
( 
1Чафа.аафа[ро$] + 
1Чафа.Чафа[роз + 1] + 
1Чафа.Чафа[роз + 2] 
)/3 


Когда теперь в ауегаве содержится усредненное цветовое значение (получаемое 
путем сложения всех пиксельных значений и делением на 3), оно записывается 
обратно во все цвета пиксела, но красный компонент повышается на значение, 
равное 50, а синий понижается на такое же значение: 


1Чафа.аафа[роз] = ауегаве + 50 
1Чафа.Чафа[роз + 1] ауегаве 
1Чафа.аафа[роз + 2] = ауегаве - 50 


В результате в каждом пикселе увеличивается уровень красного цвета и уменьша- 
ется уровень синего, придавая изображению светло-коричневые тона (если этого 
не сделать, то при записи для этих цветов только усредненного значения получится 
монохромное изображение). 
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Если нужно осуществить более сложные манипуляции с изображением, можно 
обратиться к На№рар (ћр://ёіпуигі.сот/сопуоіиё1) или НТМЕ5 Воскѕ (ВЕр:// 
Чпуий.сот/сопмои 2), в которых подробно рассмотрены вопросы свертки в хол- 
стах НТМЕ5. 








Метод риЧтадераїа 


После внесения требуемых изменений в массив изображения ааа для записи этого 
изображения на холст, как показано в предыдущем примере, нужно лишь вызвать 
метод риєІтарера+а, передав ему объект ійа+а и координаты верхнего левого угла, 
в котором оно должно появиться. Показанный ранее вызов помещает измененную 
копию изображения справа от оригинала: 


сопбех+.риёІтарера+а(іда+а, 320, 0) 








Если нужно изменить только часть холста, а весь холст захватывать не нужно, 
извлеките только ту часть, в которой содержится интересующая вас область. Об- 
ратную запись данных изображения не обязательно производить в то же место, 
откуда они были взяты, — их можно записать в любую часть холста. 








Метод сгеаїеітадераќа 


Вы не обязаны создавать объект непосредственно с холста, новый объект можно 
также создать с пустыми данными, вызвав для этого метод сгеаёеІтавера+а. В сле- 
дующем примере создается объект шириной 320 и высотой 240 пикселов: 


1афа = сгеаёеІтарера+а(320, 240) 


Кроме того, новый объект можно создать из существующего объекта: 


пемітареда+аобјесї = сгеаеІтарера+а(ітарейа+а) 


Далее можно поступать с этими объектами по вашему усмотрению: добавлять 
к ним данные пикселов или изменять их содержимое каким-то другим способом, 
вставлять их в холст или создавать из них другие объекты ит. д. 


Более сложные графические эффекты 


У более сложных свойств, доступных в холстах НТМІ5, имеются возможности 
назначения разнообразных эффектов наложений и прозрачности, а также при- 
менения эффективных преобразований, таких как масштабирование, расширение 
и поворот. 
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Свойство діобаіІСотроѕіќеОрегайоп 


Есть 12 различных методов, доступных для тонкой настройки способа помеще- 
ния объекта на холст, принимая во внимание существующие и будущие объекты. 
Они называются настройками наложения и применяются следующим образом: 


сопфехф . в1оба1СотроѕіїеОрегатіопРгорегїу = '5оигсе-оуег" 


Существуют следующие типы наложений. 


О 





О 


о 








зоигсе-оуег — используется по умолчанию. Новое изображение копируется на 
старое. 


зоигсе-1п — показываются только те части нового изображения, которые будут 
появляться в границах старого изображения, а старое изображение удаляется. 
Любая альфа-прозрачность в новом изображении заставляет удалять оказа- 
вшееся под ней старое изображение. 


ѕоигсе-оиї — показываются любые части нового изображения, не появля- 
ющиеся в границах старого изображения, а старое изображение удаляется. 
Любая альфа-прозрачность в новом изображении заставляет удалять оказа- 
вшееся под ней старое изображение. 


зоигсе-афор — новое изображение показывается там, где оно накладывается 
на старое изображение. Старое изображение показывается там, где оно не- 
прозрачно, а новое изображение прозрачно. Остальные области приобретают 
прозрачность. 


деѕёіпаіоп-оуег — новое изображение рисуется под старым. 


де 1па1оп-1п — старое изображение показывается только в местах наложения 
нового изображения на старое, но не в любых областях прозрачности нового 
изображения. Новое изображение не показывается. 


деѕёіпатіоп-оиѓ — показываются только те части старого изображения, на 
которые не накладываются непрозрачные части нового изображения. Новое 
изображение не показывается. 


деѕёіпа+іоп-аќор — новое изображение показывается там, где не показывается 
старое. Там, где происходит наложение старого и нового изображения, показы- 
вается старое изображение. Любая прозрачность в новом изображении не дает 
показываться в этой области старому изображению. 


1івһёег — сумма нового и старого изображений применяется таким образом, 
что там, где они не накладываются друг на друга, они отображаются как обычно, 
а там, где накладываются, показывается сумма обоих изображений, но в освет- 
ленном виде. 


дагкег — сумма нового и старого изображений применяется таким образом, что 
там, где они не накладываются друг на друга, они отображаются как обычно, 
атам, где накладываются друг на друга, показывается сумма обоих изображений, 
но в затемненном виде. 
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О сору — новое изображение копируется поверх старого. Любые прозрачные об- 
ласти нового изображения, накладываемые на старое изображение, не дают ему 
в этих областях отображаться. 


О хог — там, где новое и старое изображения не накладываются друг на друга, они 
отображаются как обычно. А там, где они накладываются, их цветовые значения 
подвергаются операции исключающего ИЛИ. 


В примере 24.23 показан эффект всех этих типов наложений путем создания 
12 разных холстов, на каждом из которых находятся два объекта (окружность с за- 
ливкой и изображение инь-ян), смещенные относительно друг друга, но имеющие 
наложенные друг на друга области. 


Пример 24.23. Использование всех 12 типов эффектов наложения 


ітаре пем Ттазе() 
1тазе.згс = 'ітаре.рпе' 


ітаре.оп1оаа = Ғипсёіоп() 


+уреѕ = 
'зоигсе-оумег', 'зоигсе-1п', 'зоигсе-оц*', 
'"ѕоигсе-аїор', '"аеѕ+іпа+іоп-омег', 'еѕ+іпабіоп-іп', 
'аеѕііпаёіоп-ои', 'Яеѕёіпаёіоп-аёор', '11іеһ+ег', 
'дагкег', 'сору’, 'хог' 


] 


Ғог (ј = Ө; ј < 12; ++ј) 


сапуаѕ = 0('с' + (ў + 1)) 
сопёехі = сапуаѕ.реіСоп+ехії('24') 
5(сапмаѕ) .баскегоипа = '1ірһ+р1ие' 
сопехі.Ғ1115+у1е = 'геа' 


сопёех.агс(50, 50, 50, 0, Маһ.РІ * 2, Ға1ѕе) 
сопёехё.#111() 

сопфех{ .51оБа1Сотро$1+е0рега{1оп = +уреѕ [5] 
сопфех{ .ЧгамТтазе (1тазе, 20, 20, 100, 100) 








Как и в случае с другими примерами данной главы, этот пример (который можно 
загрузить с сопутствующего книге сайта) для улучшения отображения включает 
в себя код НТМІ и (или) С5$, который здесь не показывается, поскольку для 
операций, проводимых в программе, он не играет важной роли. 








Для обхода каждого типа наложения, сохраненного в массиве фуре$, в программе 
используется цикл Фог. При каждом проходе цикла создается новый контекст для 
следующего из 12 элементов холста, уже созданного в предыдущем (здесь не по- 
казанном) коде НТМТ, с идентификатором от с1 до с12. 
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На каждый холст сначала в верхний левый угол помещается красный круг диаме- 
тром 100 пикселов, а поверх него со смещением вправо и вниз на 20 пикселов поме- 
щается изображение инь-ян. Результат каждого типа наложения в действии показан 
на рис. 24.22. Как видите, можно достичь весьма широкого разнообразия эффектов. 
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Рис. 24.22. Двенадцать эффектов наложения в действии 


Свойство діоБаіАірһа 


При рисовании на холсте можно указать применяемую степень прозрачности, вос- 
пользовавшись для этого свойством в1ора1А1рћа, которое поддерживает значения 
от @ (полная прозрачность) до 1 (полная непрозрачность). Следующая команда 
устанавливает тексту Тһе Ғо11оміпе соттапа значение альфа-прозрачности, рав- 
ное 0.9, то есть операции рисования будут проводиться при 90 % непрозрачности 
(или при 10 % прозрачности): 


сопфехф. =1оБа1А1рпа = 0.9 


Это свойство может использоваться с другими свойствами, включая варианты 
наложений. 
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Преобразования 


Холсты поддерживают четыре функции для применения преобразований к элементам 
при их рисовании на холсте НТМІ5: ѕса1е, гофафе, Ёгапѕ1аїе и їгапѕҒогт. Они мо- 
гут использоваться поодиночке или вместе для создания еще более интересных 
эффектов. 


Метод ѕсаіе 


Будущие операции рисования можно масштабировать, предварительно вызвав 
метод ѕса1е и предоставив ему коэффициенты горизонтального и вертикального 
масштабирования, которые могут быть со знаком «минус», нулем или положи- 
тельным значением. 


В примере 24.24 на холсте рисуется изображение инь-ян в своем исходном раз- 
мере 100 х 100 пикселов. Затем применяется троекратное увеличение масштаба 
по горизонтали и двукратное по вертикали, а потом опять вызывается метод 
агамІтаве для помещения растянутого изображения рядом с исходным. И нако- 
нец, масштабирование применяется повторно со значениями 9.33 и Ө.5, чтобы все 
вернуть к нормальным размерам, а изображение рисуется еще раз, теперь уже под 
исходным изображением. 


Результат показан на рис. 24.23. 





Ф? Масштабирование 





РЬ 
о Э Со ОФ 1осаіһоѕ1/24/ехатр! 














Рис. 24.23. Масштабирование изображения сначала вверх, а затем вниз 
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Пример 24.24. Масштабирование вверх и вниз 


сопехї.агамІтаве (ту1таде, 9, 9) 

сопёехі.ѕса1е(3, 2) 

сопфех{ .АгамТтазе (ту1тазе, 40, 0) 

сопфех{.зса1е(.33, .5) сопфех*.агамТтаве (ту1таёе, ө, 100) 


Если присмотреться, можно заметить, что копия под исходным изображением 
из-за масштабирования вверх-вниз немного размыта. 


Путем использования для одного или нескольких параметров масштабирования 
отрицательных значений можно получить перевернутое изображение элемента 
в горизонтальном или вертикальном направлении (или в обоих направлениях) 
вместе с масштабированием (или вместо него). Например, следующий код перево- 
рачивает содержимое для получения зеркально отображенного изображения: 


сопфехЕ. са1е(-1, 1) 


Методы ѕЅаме и геѕїоге 


Если нужно применить несколько операций масштабирования к разным нари- 
сованным элементам, результат может быть не только размытым, но и весьма 
затратным по времени, из-за того что вычисление троекратного увеличения 
масштаба требует применения значения 9.33 для обратного масштабирования 
(а увеличение масштаба в два раза требует для обратного процесса указать зна- 
чение 0.5). 


Поэтому можно вызвать метод ѕауеёо для сохранения текущего контекста перед 
выдачей вызова ѕса1е, а чуть позже вернуть прежний нормальный масштаб, сделав 
вызов метода геѕёоге. Просмотрите следующий код, которым можно заменить код 
примера 24.24: 


сопехї.агамІтаве (ту1таде, 0, 9) 
сопіех+.ѕаме() 

сопёехі.ѕса1е(3, 2) 

сопфех{ .агамТтазе (ту1тазе, 40, 0) 
сопёех+.геѕоге() 
сопёехї.агамІтарве (туітасе, 0, 100) 


Методы зауе и геѕоге работают весьма эффективно, поскольку не применяют 
к элементу масштабирование. Фактически они применяются параллельно со всеми 
следующими свойствами и поэтому могут использоваться в любой момент для со- 
хранения текущих свойств с их последующим восстановлением: +1115 у1е, Ғопї, 
51оБа1А1 рпа, 51оба1Сотро$1%е0рега{1оп, 11пеСар, 11пе3о1п, 1іпеміаёћ, тібегі ітіт, 
ѕһадомВ1иг, ѕһайомСо1ог, ѕһааомоҒҒѕеїХ, ѕһайомоғҒҒѕе+Ү, +гокез+у1е, фех*А115п 
и ќехВаѕе1іпе. Свойства всех четырех методов преобразования также управляются 
посредством ѕаме и геѕќоге: ѕса1е, гофа*е, їгапѕ1аїе и ігапѕҒогп. 
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Метод гоѓаѓе 


Используя метод гоёаќе, можно выбрать угол, под которым поместить объект (или 
результат работы любого из методов рисования) на холст. Этот угол указывается 
в радианах, каждый из которых можно выразить как 180 / ®, или около 57°. 


Поворот осуществляется относительно исходной точки холста, которая по умол- 
чанию находится в верхнем левом углу (но вскоре будет показано, что ее место- 
положение можно изменить). В примере 24.25 четыре раза показано изображение 
инь-ян с поворотом каждого последующего изображения на Маһћ.РІ / 25 радиан. 


Пример 24.25. Поворот изображения 


Ғог (3 = 0; ј < 4; ++]ј) 
{ 


сопех+.агамІтаве(туітаве, 20 + ј * 120 , 20) 
сопфех{ .гофафе (МафИ.РТ / 25) 


} 


Как видно на рис. 24.24, результат может не полностью совпадать с вашими ожи- 
даниями, потому что изображение поворачивалось не вокруг своей оси. Вместо 
этого поворот осуществлялся вокруг исходной точки холста в позиции (0; 0). 
Кроме того, каждый новый поворот сочетался с предыдущим. Но, чтобы скоррек- 
тировать ситуацию, можно применить метод ёгапѕ1а+е в сочетании с методами 
зауе и геѕїоге. 
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© Поворот изображения 

















Рис. 24.24. Изображение после четырех разных поворотов 
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Радианы являются удобной единицей измерения, поскольку в полной окруж- 
ности л х 2 радиан. Следовательно, л радиан составляют половину окружности, 
л / 2 радиан — ее четверть, ал / 2 х 3 (или пх 1,5) радиан — это три четверти 
окружности ит. д. Чтобы не запоминать значение числа л, можно всегда ссылаться 
на его значение в виде Маёћ.РїІ. 








Метод {гапз|а*е 


Для изменения исходной точки поворота можно вызвать метод &гапѕ1а+е и сме- 
стить эту точку в какое-нибудь другое место, которое должно быть где-нибудь 
внутри (или снаружи) холста или, чаще всего, где-нибудь в месте назначения объ- 
екта (обычно в его центре). 


В примере 24.26 это перемещение выполняется перед каждым вызовом гофа*е, 
в результате чего теперь получается эффект, который, вероятнее всего, и ожидал- 
ся в предыдущем примере. Кроме того, перед каждой операцией и после нее вы- 
зываются методы ѕаме и геѕёоге, обеспечивая независимое применение каждого 
поворота, не накладывающегося на предыдущий поворот. 


Пример 24.26. Вращение объектов на месте 


= 
И 


туітаре .міа+ъћ 
туітаре . һеірһ& 


Ер 
И 


Фог (3 =0;3‹4; ++) 


сопфех{ .за\уе() 

сопфех{ .{гап$1а*е(20 + м / 2 + ј * (м + 20), 29 + һ / 2) 
сопёехё. гоа+е(Маёһ.РІ / 5 * 3) 

сопфех{ .АгамТтазе (му1тазе, - (м / 2), -(В / 2)) 
сопіехі.геѕёоге() 


} 


В этом примере перед каждым поворотом контекст сохраняется и исходная точка 
перемещается в самый центр того места, где будет нарисовано каждое изображение. 
Затем вызывается поворот, и благодаря предоставлению отрицательных значений 
изображение рисуется выше и левее новой исходной точки так, чтобы его центр 
совпадал с исходной точкой. Результат показан на рис. 24.25. 


Напомню: когда нужно повернуть или преобразовать (эта операция будет рассмо- 
трена ниже) объект на месте, требуется выполнить следующие действия. 
1. Сохранить контекст. 


2. Переместить исходную точку холста в центр того места, где будет находиться 
объект. 


3. Выдать инструкцию поворота или преобразования. 
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4. Нарисовать объект с помощью любого поддерживаемого метода рисования, 
используя отрицательные значения позиции назначения в половину ширины 
объекта влево и в половину его высоты вверх. 


5. Восстановить исходный контекст, чтобы вернуть исходную точку на место. 








© Поворот изображений на мес Ж + > = 
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Рис. 24.25. Поворот изображений на месте 


Метод їігапѕѓогт 


Когда будут исчерпаны все другие функции холста и вы все равно не сможете 
манипулировать объектами необходимым образом, настанет время обратиться 
к методу ёгапѕҒогт. С его помощью к объектам, рисуемым на холсте, можно при- 
менять матрицу преобразований, что откроет перед вами множество возможностей 
и эффективных функций, способных сочетать масштабирование и поворот в одной 
инструкции. 


Используемая этим методом матрица преобразований имеет формат З х З и состоит 
из девяти значений, но только шесть из них предоставляются методу ёгапѕҒогт из- 
вне. Итак, вместо того чтобы объяснять, как эта матрица умножения работает, мне 
нужно всего лишь объяснить эффекты ее шести аргументов, которые составляют 
следующий упорядоченный список (порядок следования может быть несколько 
иным, чем тот, который подсказывает интуиция). 

Горизонтальное масштабирование. 

Горизонтальный наклон. 

Вертикальный наклон. 


Вертикальное масштабирование. 


Горизонтальное перемещение. 


ЕЕ Е за 


Вертикальное перемещение. 
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Эти значения можно применить множеством различных способов, например ими- 
тируя метод ѕса1е из примера 24.24 и заменив такой вызов: 


сопёехі.ѕса1е(3, 2) 

ВОТ ЭТИМ: 

сопфехе. Егап$Фогт(3, 0, 6, 2, Ө, Ө) 

Подобным образом можно заменить вызов из примера 24.26: 
сопфехф{ . Егап$1а*е(20 + м / 2 + ј * (м + 20), 20 +1 / 2) 


следующим вызовом: 


сопфех{ .Егап$Фогт(1, 0, 0, 1, 20 + м / 2 + ј * (ш + 20), 20 + һ / 2) 





Обратите внимание, как аргументам горизонтального и вертикального масшта- 
бирования даются значения 1, чтобы обеспечить результат 1:1, а наклону дается 
значение 0, чтобы результат был без наклона. 





Можно даже объединить предыдущие две строки кода, чтобы получить одновре- 
менно перемещение и масштабирование: 


сопфех{ .Егап$Фогт(3, 0, 0, 2, 20 + м / 2 + ј * (ш + 20), 20 + һ / 2) 


Если обратиться к аргументам ѕКем, можно ожидать, что они приведут к наклону 
элемента в указанном направлении (к примеру, создадут из квадрата ромб). 


В качестве другого приема наклона в примере 24.27 на холсте рисуется изобра- 
жение инь-ян, затем следует его наклонная копия, созданная с помощью метода 
гапѕҒогт. Значение наклона может иметь любую отрицательную, нулевую или 
положительную величину, но я выбрал горизонтальное значение, равное 1, которое 
привело к наклону нижней части изображения на одну его ширину вправо и про- 
порционально потащило за собой все остальное (рис. 24.26). 


х - = ш 


О: 
Ее Э (Ф! о ОФ осаіһоѕ/24/ехатріе24-27.Һті 











7 м 
А? Горизонтальный наклон 

















Рис. 24.26. Горизонтальный наклон объекта вправо 
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Пример 24.27. Создание исходного и наклонного изображений 


сопбех+.агамІтасе(туітаре, 20, 20) 
сопёехё.ЕгапѕҒогт(1, @, 1, 1, 6, Ө) 
сопбех+.агамІтаве(туітаре, 140, 20) 


Можно даже повернуть объект с помощью їігапѕѓогт, предоставив для наклона 
одно отрицательное и одно противоположное положительное значение. Но уч- 
тите: совершая эти действия, вы измените размер элемента и столкнетесь с не- 
обходимостью одновременной подстройки аргументов масштабирования. Кроме 
того, вам нужно будет не забыть о перемещении исходной точки. Поэтому, пока 
вы не наберетесь достаточного опыта в использовании метода ігапѕѓогт, я реко- 
мендую остановиться для выполнения этой задачи на методе гоќаќе. 








Метод зе Тгап$Рогт 


Вместо того чтобы использовать методы заме и гез+оге, можно настроить абсолют- 
ное преобразование, у которого имеется эффект перезапуска матрицы преобразова- 
ния с последующим предоставлением значений. Метод ѕеТгапѕ огт работает так 
же, как метод {гап$+огт (см. следующий пример, где применяется горизонтальный 
положительный наклон со значением 1): 


сопфех{ . се Тгап$Фогт(1, 0, 1, 1, Ө, Ө) 








Получить дополнительные сведения о матрицах преобразования можно в статье 
на эту тему в «Википедии»: Һ&р://пуип.сот/гапѕѓогт-таїгіх. 








Холст НТМІ5 предоставляет собой огромный новый актив для веб-разработчиков, 
чтобы можно было продолжить создавать более объемные, качественные, про- 
фессиональные и интересные сайты. В следующей главе будут рассмотрены два 
других важных усовершенствования НТМТ: встроенные в браузер и не требующие 
дополнительных модулей аудио и видео. 


Вопросы 

1. Какв НТМЕ создать элемент холста? 

2. Как предоставить Јауа$сгірі доступ к элементу холста? 

3. Как указать старт и финиш при создании пути холста? 

4. Какой метод можно использовать для извлечения данных с холста в изобра- 


жение? 
5. Как создать градиентную заливку из более чем двух цветов? 


6. Как настроить ширину линий при рисовании? 
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7. Какой метод нужно использовать для указания части холста, чтобы предсто- 
ящее рисование происходило только внутри этой области? 


8. Как нарисовать сложную кривую с двумя воображаемыми точками притя- 
жения? 


9. Сколько элементов данных для каждого пиксела возвращается методом 
Беі1тавера+а? 


10. Какие два параметра метода ёгапѕ огт применяются для операций масштаби- 
рования? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Аудио и видео 
в НТМІ5 


Одним из самых мощных стимулов возрастания роли Интернета стал постоянно 
увеличивающийся спрос со стороны пользователей на повышение доли муль- 
тимедийного содержимого в форме аудио- и видеоконтента. Поначалу высокая 
пропускная способность обходилась настолько дорого, что организовывать такие 
вещи, как живой поток, не представлялось возможным, а загрузка звуковой до- 
рожки, не говоря уже о видео, могла продолжаться несколько минут или даже 
часов. 


Высокая стоимость трафика и ограниченная доступность высокоскоростных 
модемов стимулировали разработку более быстродействующих и эффективных 
алгоритмов сжатия, таких как МРЗ-аудио и МРЕС-видео, но даже при этом един- 
ственный способ загрузки файлов за разумное время был связан с резким ухудше- 
нием их качества. 


Один из моих ранних интернет-проектов в далеком 1997 году представлял собой 
первую в Великобритании онлайн-радиостанцию, лицензированную музыкаль- 
ными полномочными органами. Фактически это, скорее всего, был подкаст (еще 
до того, как этот термин был придуман), поскольку там создавалось ежедневное 
получасовое шоу, которое затем сжималось до восьмиразрядного моносигнала с по- 
лосой пропускания 11 кГц с помощью алгоритма, первоначально разработанного для 
телефонии. При этом звучание было телефонного качества или еще хуже. И все же 
мы быстро собрали тысячи слушателей, загружавших шоу и затем прослушива- 
ющих его по мере обхода обсуждаемых сайтов с использованием всплывающего 
окна браузера, содержащего дополнительный модуль. 


К счастью для нас и для всех, кто публиковал мультимедиа, вскоре появилась 
возможность предложить более высокое качество аудио и видео, но по-прежнему 
только путем обращения к пользователю с просьбой загрузить и установить допол- 
нительный модуль проигрывателя. Наиболее популярным из этих проигрывателей 
после победы над соперниками, например над Кеа Аџаїіо, стал Еаѕћ, но он получил 
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неважную репутацию по причине множественных сбоев браузера и постоянных 
требований обновления при выпуске новых версий. 


Поэтому все согласились с тем, что в перспективе нужны веб-стандарты для под- 
держки мультимедиа непосредственно в браузере. Разумеется, такие разработчики 
браузеров, как МісгоѕоЁ и Сооёе, имели различное видение того, как должны вы- 
глядеть эти стандарты, но когда пыль улеглась, они пришли к согласию по поводу 
поднабора типов файлов, которые должны изначально воспроизводиться на всех 
браузерах, и этот поднабор был введен в спецификацию НТМІ5. 


И наконец, теперь появилась возможность (если аудио и видео кодируются в не- 
скольких различных форматах) выкладывать мультимедиа на веб-сервер, указы- 
вать пару НТМТ-тегов на веб-странице и проигрывать медиа в любом из основных 
браузеров для настольных компьютеров, смартфонов или планшетных устройств, 
не заставляя при этом пользователя загружать дополнительный модуль или вно- 
сить какие-либо другие изменения. 


Еще не вышли из обращения старые браузеры, и для их поддержки сохраняется 
важная роль технологии НазН. В этой главе будет показано, как добавить код для 
использования На$й для подстраховки аудио и видео НТМІ5, чтобы охватить как 
можно больше комбинаций оборудования и программного обеспечения. 








О кодеках 


Кодек представляет собой кодировщик-декодировщик. Им описывается функцио- 
нальная возможность, предоставляемая программным обеспечением, занима- 
ющимся кодированием и декодированием такого медиа, как аудио и видео. В НТМТ.5 
имеется несколько различных наборов доступных кодеков, состав которых зависит 
от используемого браузера. 


Применение аудио и видео связано с одним осложнением, которое редко приме- 
няется к графике и другому традиционному веб-контенту. Имеется в виду лицен- 
зирование, осуществляемое в отношении форматов и кодеков. Многие из этих 
форматов и кодеков предоставляются за определенную плату, поскольку они были 
разработаны какой-либо компанией или консорциумом компаний, которые вы- 
брали вариант получения лицензионных отчислений. Некоторые бесплатные 
браузеры с открытым исходным кодом не поддерживают самые популярные 
форматы и кодеки, потому что их использование невозможно оплатить, или по- 
тому что разработчики в принципе не согласны с лицензионными отчислениями. 
Поскольку законы об авторском праве варьируются от страны к стране и соблюде- 
ние лицензионных прав трудно обеспечить, кодеки обычно можно найти в Интер- 
нете без каких-либо затрат, но их использование в месте вашего проживания может 
быть технически незаконным. 
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НТМІ.5-тегом ‹аид1о> поддерживаются следующие кодеки (в том числе и когда 
аудио прикреплено к НТМТ.5-видео). 


О 


ААС. Этот аудиокодек, чье название означает Адуапсе Аи Чо Епсо41ть, в числе 
других применяется в Арр[е-магазине іТипеѕ и является частной запатентован- 
ной технологией, поддерживаемой Арре, Соое и М1сгозо К. Как правило, для 
файлов используется расширение .аас. МІМЕ-типом является аџӣіо/аас. 


МРЗ. Этот аудиокодек, чье название означает МРЕС Ач Гауег 3, доступен 
уже многие годы. Хотя это понятие зачастую (и неправильно) используется 
для ссылки на любой тип цифрового аудио, оно относится к частной за- 
патентованной технологии, поддерживаемой Арре, Соое, Мох Ша Еігеѓох 
и МісгоѕоЌ. Для файлов используется расширение .трз. МІМЕ-типом явля- 
ется аџдіо/трее. 


РСМ. Этот аудиокодек, чье название означает Риѕе Соде4 Моашайоп, сохраня- 
ет полноценные данные, закодированные аналого-цифровым преобразователем, 
и относится к формату, используемому для хранения данных на аудиокомпакт- 
дисках. Поскольку сжатие в нем не используется, он называется кодеком без 
потерь и его файлы, как правило, во много раз больше, чем файлы ААС или 
МРЗ. Поддерживается Арре, Мох Ша Еігеѓох, М1сгозой и Орега. Обычно файлы 
этого типа имеют расширение „мау. МІМЕ-типом является аџдіо/мах, но может 
встретиться и тип аџдіо/маме. 


Үотріѕ. Иногда называется Оев Уогђіѕ, поскольку для файлов, как правило, ис- 
пользуется расширение .овв. Этот аудиокодек не обременен патентами и сво- 
боден от выплаты роялти. Поддерживается Соое, Мох Ша Еігеѓох и Орега. 
МТМЕ-типом является аџӣіо/овр и иногда аиӣіо/ова. 


В следующем списке дается сводка основных операционных систем и браузеров, 
а также типов аудио, поддерживаемых их самыми последними версиями: 


О 





оооосоос 


Арр/е 10$: ААС, МРЗ, РСМ; 

АрріІе Ѕаѓагі: ААС, МРЗ, РСМ; 

Соое Апаго!4 2.3+: ААС, МРЗ, УогЬ:ѕ; 
Соое Сһготе: ААС, МРЗ, УогЬ:ѕ; 

МісгоѕоЁ Іоќегпеѓ Ехрогег: ААС, МРЗ, РСМ; 
Місгоѕоѓќ Еве: ААС, МРЗ, РСМ; 

Моа Егеѓох: МРЗ, РСМ, УогЫ5; 

Орега: РСМ, УогЬ:ѕ. 


Результат этих различных уровней поддержки кодеков приводит к тому, что для 
гарантированного проигрывания каждого аудиофайла на всех платформах всегда 
нужно предоставлять как минимум две его версии. Это могут быть РСМ и ААС, 
РСМ и МРЗ, РСМ и УотЫ$5, ААС и УогЬ:ѕ, или МРЗ и Уог 5. 
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Элемент ацаю 


Чтобы угодить всем платформам, нужно записать или преобразовать содержи- 
мое с использованием нескольких кодеков, а затем перечислить их в тегах ‹ач@1о> 
и </ацато>, как в примере 25.1. Вложенные теги <зоигсе> содержат различные 
медиа, которые вы желаете предложить браузеру. Благодаря предоставлению 
атрибута сопёго15 результат выглядит так, как показано на рис. 25.1. 


Пример 25.1. Встраивание трех различных типов аудиофайлов 


<аџаіо сопіго15> 
<ѕоигсе згс='аца1о.т4а' фуре=' аиа1о/аас' > 
<ѕоигсе згс='аца1о.тр3З' фуре=' аиа1о/трЗ ' > 
<ѕоигсе згс='ац@10.055' фуре=' аца1о/о55' > 
</аца1о> 











> Воспроизведение аудио х ЕЕ = = 
Уч 
[Є ә а ГАЈ | (@ Іосаіһоѕ1/25/ех 
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| 








Рис. 25.1. Проигрывание аудиофайла 


В данный пример я включил три различных типа аудио, потому что это вполне при- 
емлемо и может пригодиться, если нужно обеспечить, чтобы каждый браузер смог 
найти предпочтительный для себя формат, а не только один из форматов, который 
он в состоянии обработать. Но можно быть уверенным, что пример все равно будет 
проигрываться на всех платформах, если из него выбросить один из файлов: либо 
МРЗ, либо ААС (но не оба сразу). 


Тег <аиӣіо> и его партнер тег <зоигсе> поддерживают несколько атрибутов, в числе 
которых: 

О аифорТау — заставляет аудио запускаться на проигрывание сразу по готовности; 
О сопёго15 — заставляет вывести панель управления; 

О 1оор — устанавливает аудио на бесконечное проигрывание; 

о 


рге1оаа — заставляет аудио приступить к загрузке даже до того, как пользова- 
тель выберет команду Рау (Воспроизвести); 


ѕпс — указывает исходное местоположение аудиофайла; 


о 





о 


уре — указывает кодек, используемый для создания аудио. 
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Если тег ‹аиа1о> не снабдить атрибутом сопёго15, а также не воспользоваться атрибу- 
том аџѓор1ау, звук проигрываться не будет, а также не будет кнопки Ріау (Воспроиз- 
вести), которую можно было бы нажать для начала воспроизведения. Это не оставит 
вам никаких других вариантов, кроме как предложить эти функциональные возмож- 
ности в ЈауаЅсгірї, как показано в примере 25.2 (с необходимым дополнительным 
кодом, выделенным полужирным шрифтом). У вас появится возможность про- 
игрывать аудио и ставить его на паузу, как показано на рис. 25.2. 


Пример 25.2. Проигрывание аудио с помощью ЈауаЅсгірї 


<1рОСТҮРЕ һ&т1> 
<һЕм1> 
<һеаа»> 
<{11е>Воспроизведение аудио с помощью Зауа$сг1р+</+1+1е> 
<5сгірі ѕгс= '05С.5'></5сгірі»> 
</һеаа> 
<Боау> 
<аиџаіо 14='туаца1о' > 
<зоигсе °гс='аца1о.т4а' фуре=' аид1о/аас' > 
<зоигсе згс='аца1о.трЗ' фуре=' аид1о/тр3З' > 
<зоигсе $гс='ац410.025' фуре=' аид1о/о58' > 
</аца1о> 


<Бифоп опс11сК='р1ауаиа1о()'>Р1ау Аиа1о</Биоп> 
<Бифоп опс11сК='раизеаи@1о() ' >Раизе Аид1о</Биоп> 


<5сгірі» 
Ғипс+іоп р1ауаиаіо() 


0( "туаиаіо').р1ау() 
} 


Ғипс+іоп раизеаи@1о() 
0( ' туаиаіо').раиѕе() 
</ѕсгірЕ> 


</боау> 
</ћЕм1> 


СИ Воспроизведение аудио с пою Ж + 
Р ч 
(<) ә а | ® Іосаіһоѕї/2 ... 9 т у» 
Рау Ацаіо || Раузе Ацо 




















Рис. 25.2. НТМІ5-аудио можно управлять с помощью ЈауаЅсгірї 


Проигрыватель будет работать при нажатии кнопок за счет вызова метода р1ау или 
раизе элемента туаџаіо. 
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Поддержка браузеров, 
не работающих с НТМІ5 


В весьма редких случаях (например, при разработке веб-страниц для внутридомо- 
вого интранета, использующего устаревшие браузеры) вам может понадобиться 
для обработки аудио вернуться к использованию Е1аѕћ-технологии. В примере 25.3 
показывается, как это можно сделать с использованием дополнительного модуля 
Е1аѕһ, сохраненного в виде файла аид1ор1ауег. ѕм# (который доступен, наряду со 
всеми примерами, в архивном файле на сопровождающем книгу сайте по адресу 
һр://Лртј.пеё). Добавляемый код выделен полужирным шрифтом. 


Пример 25.3. Предоставление Еаѕћ в качестве резервного варианта для браузеров, 
не поддерживающих НТМЕ5 


<аџаіо сопіго15> 
<објесі +уре="арр1іса+іоп/х-ѕһоскмаме-Ғ1аѕһ" 
аа+а="аџидіор1ауег.ѕи#" міаёһ="300" һеіеһё="30" > 
<рагат пате="Е1аѕћМагѕ" 
уа1ие= ' ' трз=аидіо.трзёѕһонѕ&ор=1&5һоммо1ите=г' > 
</оБјесі> 


<ѕоигсе згс='аца1о.т4а' фуре=' аиа1о/аас' > 

<ѕоигсе згс='аца1о.тр3З' фуре=' аиа1о/трЗ '> 

<ѕоигсе згс='аца10.055' фуре=' аи410о/о55' > 
</аца1о> 


Здесь мы воспользовались тем обстоятельством, что в браузерах, не поддержива- 
ющих НТМІ5, влияние оказывает все, что находится внутри тега ‹аи@1о> (кро- 
ме игнорируемых элементов <зоигсе>). Следовательно, помещая туда элемент 
<објес+>, вызывающий Е1аѕһ-проигрыватель, мы гарантируем, что у браузеров, 
не поддерживающих НТМІ5, по крайней мере будет шанс воспроизвести аудио, 
если у них есть установленный Е1аѕћЬ (рис. 25.3). 

















Рис. 25.3. Был загружен аудиопроигрыватель Нап 
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Конкретному аудиопроигрывателю аиа1ор1ауег . ѕм#, использованному в дан- 
ном примере, передаются следующие аргументы и значения атрибута Е1азВ\Уаг 
элемента ‹рагат>: 


О трз — ОКГ-адрес аудиофайла МРЗ; 


О Пом5Фор — если передано значение 1, выводится кнопка остановки, в противном 
случае она не показывается; 





О зПомуоТиме — если передано значение 1, выводится панель громкости, в про- 
тивном случае она не показывается. 


Как и в случае со многими другими элементами, вы можете легко изменить раз- 
меры объекта, например на 300 х 30 пикселов, предоставив эти значения его атри- 
бутам міа+ћ и һеірһ. 


Элемент маео 


Проигрывание видео в НТМТ.5 очень похоже на проигрывание аудио. Нужно про- 
сто воспользоваться тегом <\14ео> и предоставить элементы <$оигсе> для предла- 
гаемого вами медиа. В примере 25.4 показано, как это делается с тремя различными 
типами видеокодеков (рис. 25.4). 


Пример 25.4. Проигрывание НТМЕ5-видео 


<у14ео мита ='560' һеівһїі='320' сопфго1$> 
<5оигсе згс='тоу1е.трА' уре= 'уідео/тр4'> 
<5о0игсе згс='то\у1е.мебт' фуре=' \1део/мебт' > 
<5о0игсе згс='тоу1е.ору' уре= 'уійео/оре'> 
</\14ео> 


К? НТМІ5 Маео 


< ап |© 1осатоз/5ЕН еФИюп ехатріеѕ/22/ехатріе22-3.Һті 








> 000/100 0—— 





Рис. 25.4. Проигрывание НТМЕ5-видео 
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Видеокодеки 


Как и в случае с аудио, есть несколько доступных видеокодеков с различной 
поддержкой среди нескольких браузеров. Эти кодеки поступают в разных кон- 
тейнерах. 


О МР4 — лицензированный стандартный формат мультимедийного контейнера, 


определяемый как часть МРЕС-4, поддерживается браузерами Арре, М1сгозо® 
и в меньшей степени Соозе, у которой есть свой собственный формат контей- 
нера МеЬМ. МТМЕ-типом является уіаео/тр4. 


Ова — бесплатный открытый формат контейнера, поддерживаемый Хірһ.Оте 
Еоџпаайоп. Создатели формата Ове утверждают, что он не ограничен патентами 
на ПО и предназначен для обеспечения эффективного потокового мультимедиа 
и управления высококачественным цифровым мультимедийным контентом. 
МТМЕ-типом является уіаео/орр и иногда уійео/ову. 


ҮерМ — аудио- и видеоформат, предназначенный для предоставления свободно- 
го от выплаты роялти открытого формата сжатия видео для использования с ви- 
део в НТМТ.. Разработка проекта спонсируется компанией Соое. Существует 
две версии: УР8 и более новая УР9. МІМЕ-типом является \14ео/мебт. 


Затем они могут содержать один из следующих видеокодеков. 


О 


О 


Н.264 — запатентованный видеокодек с правами собственности, проигрывание 
с применением которого для конечного пользователя бесплатно, но для всех 
частей процессов кодирования и передачи может потребовать выплаты роял- 
ти. На момент написания данного издания этот кодек поддерживали браузеры 
Арре, Соое, Мох Ша Еігеѓох и браузеры компании МісгоѕоЌ, но не поддержи- 
вал Орега (последний из основных браузеров). 


Треота — видеокодек, свободный от патентных обязательств и от выплаты ро- 
ялти на всех уровнях кодирования передачи и проигрывания. Этот кодек под- 
держивается браузерами Сооёе, Мох Ша Еігеѓох и Орега. 


ҮР8 — этот видеокодек похож на Тћеога, но является собственностью компании 
Соозе, опубликовавшей его в качестве открытого кода и освободившей от вы- 
плат роялти. Поддерживается браузерами Соое, Мох Па Еігеѓох и Орега. 


ҮР9 — предоставляет те же преимущества, что и УР8, но более эффективен 
и использует половину скорости потока данных. 


В следующем списке дается сводка основных операционных систем и браузеров, 
а также типов видео, поддерживаемых их самыми последними версиями: 


О 
Ч 
о 





АрріІе 108: МР4/Н.264; 
АрріІе Ѕаѓагі: МР4/Н.264; 
Соозе Апагоа: МР4, Ове, №УеЬМ/Н.264, Тһеога, УР8; 
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О Соое Сһготе: МР4, Ове, еБМ/Н.264, Тһеога, УР8, УР9; 
о МісгоѕоЌ Іъќегпеѓ ЕхрІогег: МР4/Н.264; 
о Місгоѕоќ Е45е: МР4 /Н.264, Ме М/Н.264; 
о Мох Ша Еігеѓох: МР4, Оре, УеЬМ/Н.264, Тһеога, УР8, УР9; 
О Орега: ОСС, МеЬМ/Тһеога, УР8. 

Из этого списка становится ясно, что наиболее поддерживаемым является формат 
МРА/Н.264, исключение составляет браузер Орега. Поэтому для достижения охва- 
та в 96 % пользователей вам нужно предоставлять свое видео, использующее только 


этот один тип файла. Но для обеспечения максимальной возможности просмотра 
нужно все-таки кодировать еще и в формате Ове /Тћеога или Овв/УҮР8. 





Следовательно, в файле том1е .мебт из примера 25.4 нет острой необходимости, но 
с его помощью показано, как можно добавлять различные подходящие вам типы 
файлов, чтобы дать браузерам возможность проигрывания предпочитаемого ими 
формата. 


Элемент <\14ео> и сопровождающий его тег <зоигсе> поддерживают следующие 
атрибуты: 

О аи+ор1ау — заставляет видео запускаться на проигрывание сразу по готовности; 
О сопёго1ѕ — заставляет вывести панель управления; 

О һеірһї — указывает высоту, с которой нужно показывать видео; 

О 1оор — устанавливает видео на бесконечное проигрывание; 

О тиёеа — выключает звуковое сопровождение; 

9 


роз+ег — позволяет выбрать изображение, показываемое при проигрывании 
видео; 


О рге1оаа — заставляет видео приступить к загрузке даже до того, как пользова- 
тель выберет команду Ріау (Воспроизвести); 


О ѕгс — указывает исходное местоположение видеофайла; 


О +уре — указывает кодек, используемый для создания видео; 





О міаєһ — указывает ширину, с которой нужно показывать видео. 


Если нужно управлять проигрыванием видео из ЈауаЅсгіре, это можно сделать 
с помощью кода, подобного показанному в примере 25.5 (с необходимым допол- 
нительным кодом, выделенным полужирным шрифтом). Результат работы кода 
продемонстрирован на рис. 25.5. 


Пример 25.5. Управление проигрыванием видео из ЈауаЅсгірї 


<!БОСТУРЕ ҺЕт1> 
<ћЕм1> 
<һеаа» 
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<{1{1е>Воспроизведение видео с помощью Јауаѕсгірї</+ії1е» 
<5сгір ѕгс='05С.5'›</5сгірё» 
</Неаа> 
<Боау> 
<уіаео іа='тумійео' міаєһ='560' һеірһё='320'> 
<зоигсе згс='тоу1е.трА4' фуре=' у14ео/тр4' > 
<зоигсе згс='то\у1е.мебт' фуре=' у1део/мебт' > 
<зоигсе гс='тоу1е.ову' фуре='у14ео/оё8'> </у14ео><6г> 


<риї+топ опс1іск= 'р1аууійео() '>Р1ау \14ео</Би{оп> 
<риї+оп опс1іск= 'раиѕеуійео() '>Раиѕе \14ео< /Биоп> 


<ѕсгірї» 
Ғипсііоп р1ауу14ео() 
{ 
0( 'тууідео').р1ау() 
} 
Ғипсііоп раиѕеуідео() 
{ 
0( ' тууідео').раиѕе() 
} 
</5сг1ре> 
</боау> 
</ћт1> 


ВобіпіМіхоп! 


С? Різуіпу МіЧео мй Јака Ж 
4? Ріауіту 


< а га; | © іосаћози/5 еїйоп ехатріез/24/ехатріе24-5.ті |: 
75) г; 7 + 











Рис. 25.5. Для управления видео был использован Јауабсгірї 


Этот код похож на тот, который использовался для управления проигрыванием 
аудио из ]ауазст!ре. Для проигрывания видео и установки его на паузу нужно про- 
сто вызвать метод р1ау и (или) метод раиѕе объекта туу1 део. 
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Поддержка устаревших браузеров 


В примере 25.6 показано, как вести разработку для браузеров, не совместимых 
с НТМТЬ (соответствующий код выделен полужирным шрифтом), с использовани- 
ем файла Е1ошр1Тауег . зм+ (архивный файл с которым, включая примеры, доступен 
на сопровождающем книгу сайте по адресу НЁр:/Лрт).пей). На рис. 25.6 видно, как 
это выглядит в браузере, не поддерживающем видео НТМТЬ. 


©? НТМЕЗ/Назв Учео х \ 


< 








Рис. 25.6. Еіаѕһ предоставляет удобную альтернативу для браузеров, не поддерживающих НТМЕ5 


Пример 25.6. Предоставление Ніаѕћ в качестве резервного видеопроигрывателя 


<уійео міаһ='560' һеіеһі='320' сопго15> 
<објесі міаёһ='560' һеівһі= ' 320' 
фуре= 'арр1іса+іоп/х-ѕһоскмаме- Ғ1аѕһ' 
да+а= ' Ғ1омр1ауег.5м#' > 
<рагат пате= ' тоуіе' ма1ие= ' Ғ1омр1ауег.ѕм#' > 
<рагат пате= ' Ғ1аѕһуагѕ' 
уа1ие='сопҒів={"с1ір": { 


"иг1": "томіе.тр4", 
"аи+оР1ау" : Ға15е, "аиоВи+ғегіпе" : гие} }' > 
</објесі> 


<ѕоигсе згс='тоу1е.трА' +уре= 'уідео/тр4'> 

<ѕоиѓсе згс='то\у1е.мебт' фуре=' \1део/мебт' > 

<5о0игсе гс='тоу1е.оё\у' уре= 'уійео/оре'> 
</мідео> 


Этот видеопроигрыватель Е1аѕћ проявляет особую заботу о безопасности. Он не бу- 
дет проигрывать видео с локальной файловой системы и станет работать только 


696 Глава 25 • Аудио и видео в НТМЕ5 





с веб-сервера, поэтому я предоставил файл на сопровождающем книгу сайте (п#р:// 
Іртј.пеі\міаео.тр4), чтобы его можно было проигрывать в данном примере. 


Атрибуту ЕІаѕћУаг элемента <рагат> передаются следующие аргументы: 


О че1 — ОБГ-адрес файла .тр4, предназначенного для проигрывания (должен 
быть на веб-сервере); 


О ачфоР1ау — если передано значение ёгие, проигрывание начинается автомати- 
чески; в противном случае ожидается щелчок на кнопке проигрывания; 





О аиёоВиҒғегіпв — если передано значение гие, то, чтобы впоследствии свести 
к минимуму буферизацию при медленных подключениях, перед началом про- 
игрывания видео будет предварительно загружено соответственно доступной 
пропускной способности. 





Дополнительные сведения о программе НазН Яом/рауег (и НТМЕ5-версии) вы 
найдете по адресу НЕр://Яомир!ауег.огд. 





Используя информацию, представленную в данной главе, вы сможете встроить 
любое нужное аудио и видео почти для всех браузеров и платформ, не переживая 
о том, могут или не могут пользователи их проиграть. 


Из следующей главы вы узнаете, как использовать некоторые другие свойства 
НТМІ5, включая геолокацию и локальное хранилище. 


Вопросы 


1. Какие два тега НТМТ-элементов используются для вставки аудио и видео в до- 
кумент НТМГ5? 


2. Сколько аудиокодеков нужно использовать, чтобы гарантировать максималь- 
ную возможность проигрывания на всех платформах? 


3. Какие методы можно вызывать для проигрывания медиа в НТМТ. и для по- 
становки его на паузу? 


4. Как можно поддержать проигрывание медиа в браузерах, не работающих 
с НТМІ5? 


5. Какие два видеокодека нужно использовать, чтобы гарантировать максималь- 
ную возможность проигрывания на всех платформах? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Другие свойства 
НТМЕ5 


В этой последней главе из тех, что посвящены НТМТ5, будут рассмотрены вопросы 
использования геолокации, локального хранилища и продемонстрированы приемы 
перетаскивания, ставшие доступными в браузере. 


Строго говоря, большинство из этих свойств (как и многое другое в НТМТ.5) ре- 
ально не являются расширениями НТМІ, поскольку доступ к ним осуществляется 
с помощью ЈауаЅсгірї, а не с помощью разметки НТМГ. Это просто технологии, 
которые были включены разработчиками браузеров и которым было дано общее 
удобное название НТМТ.. 


Но это означает, что для их правильного применения вам нужно иметь полное 
представление о руководстве по ЈауаЅсгірї, приведенном в данной книге. И все 
же, освоив эти технологии, вы станете удивляться тому, как можно было раньше 
обходиться без таких эффективных новых функций. 


Геолокация и служба СР5 


Служба СР$ (С1оБа| Роѕійопіпе Ѕуѕќет) состоит из нескольких спутников, на- 
ходящихся на земной орбите, с точно известными позициями. Когда устройство, 
применяющее СР, развернуто в направлении этих спутников, различия во време- 
ни прихода сигналов от них позволяют устройству точно определить свое место- 
положение. Поскольку скорость света (а следовательно, и радиоволн) — известная 
постоянная величина, время, затрачиваемое сигналом на то, чтобы добраться от 
спутника до устройства СР$, показывает удаление этого спутника. 


С учетом разных показателей времени поступления сигналов от разных спутни- 
ков, для которых имеются точные сведения об их орбитальном местоположении 
в любой заданный момент времени, простое триангуляционное вычисление дает 
устройству сведения о его позиции относительно спутников с точностью до не- 
скольких метров или даже выше. 
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Во многих мобильных устройствах, таких как телефоны или планшетные компью- 
теры, имеются микросхемы СР5, и они могут предоставить информацию о место- 
положении устройства. Но в одних устройствах таких микросхем нет, в других они 
могут быть выключены, а третьи могут использоваться внутри помещений, будучи 
закрытыми от спутников СР5, и поэтому не смогут получать какие-либо сигналы. 
В таких случаях для попытки определения местоположения устройства можно 
применять дополнительные технологии. 





Следует также предупредить насчет соблюдения конфиденциальности при приме- 
нении геолокации, особенно если используемое приложение в рамках своей работы 
передает координаты вашего устройства на сервер. У любого приложения с функ- 
циями геолокации должна быть явно выраженная политика соблюдения конфи- 
денциальности. Кстати, с технической точки зрения геолокация фактически не от- 
носится к стандарту НТМЕ5. Это автономная функция, определенная консорциумом 
М/ЗСЛМНАТМ/С, но, по мнению большинства, она считается частью НТМІ5. 














Другие методы определения 
местоположения 


Если у вашего устройства нет микросхемы СР$, но есть аппаратура мобильного 
телефона, можно попробовать провести триангуляцию путем хронометрирования 
сигналов, полученных от различных вышек связи (чьи позиции известны с боль- 
шой точностью), с которыми устройство может обменяться данными. 


Если есть несколько вышек, местоположение может быть получено почти с та- 
кой же точностью, как и от СР$. Но если вышка только одна, то для определения 
приблизительного радиуса вокруг башни можно использовать силу сигнала, 
а созданная окружность представит район, в котором вы, скорее всего, находитесь. 
Место может быть определено в двух-трех километрах от вашего фактического 
местоположения, доходя по точности до нескольких десятков метров. 


При отсутствии и этой возможности могут быть определены точки доступа №і-Еі, 
чьи позиции известны в диапазоне работы вашего устройства. Поскольку у всех 
точек доступа имеются уникальные идентификационные адреса, называемые 
МАС-адресами (МеЯіа Ассеѕѕ Сопіго]), можно получить достаточно хорошие 
приблизительные данные о местоположении, возможно, в пределах одной-двух 
улиц. Этот тип информации собирают машины просмотра улиц Сооёе Ѕігееѓ 
Мех УеһісІеѕ (от применения некоторых из которых со временем пришлось от- 
казаться из-за потенциального нарушения прав на соблюдение конфиденциаль- 
ности данных). 


Если и этой возможности не окажется, можно будет запросить ІР-адрес вашего 
устройства и воспользоваться им как грубым индикатором вашего местополо- 
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жения. Но чаще всего предоставляется место основного коммутатора, принад- 
лежащего вашему интернет-провайдеру, которое может быть удалено от вас 
на десятки и даже сотни километров. На самый крайний случай ваш ІР-адрес 
может (в большинстве случаев) уточнить страну, а иногда и регион, в котором 
вы находитесь. 











ІР-адреса часто применяются медиакомпаниями для территориальных ограни- 
чений по проигрыванию их контента. Но можно очень просто настроить прокси- 
серверы, использующие перенаправленный ІР-адрес (на территории, которая 
блокирует доступ извне) для извлечения и передачи контента через блокаду 
непосредственно «иностранному» браузеру. Прокси-серверы также часто при- 
меняют для скрытия реального ІР-адреса пользователя или для обхода цензурных 
ограничений. Они могут совместно применяться многими пользователями, к при- 
меру, через точки подключения \/-Н. Поэтому, если вы определили чье-то место- 
нахождение по ІР-адресу, нельзя быть абсолютно уверенными в идентификации 
правильного региона или даже страны и эту информацию нужно воспринимать 
только как предположение. 





Геолокация и НТМІ5 


В главе 22 я коротко описал вам имеющуюся в НТМТ.5 геолокацию. Теперь настало 
время взглянуть на нее поглубже, начиная с примера, который был дан ранее и по- 
казан снова в примере 26.1. 


Пример 26.1. Вывод карты с учетом местоположения пользователя 
<!БОСТУРЕ һ&т1> 


<ћЕм1> 


<һеаа» 


<{1{1е>Пример применения геолокации< /+1{1е> 


</Неаа> 
<Боду> 


<ѕсгірі» 
1+ (©урео+ па\у1вафог.вео1осаЕ1оп == 'ипае+Ғіпеа') 


аїегі("Геолокация не поддерживается. ") 
е15е 
па\1вафог. рвео1оса+іоп. реЕСиггепЕРоѕііоп(вгапёеа, деп1еа) 


Ғипсбіоп вгапфед(ро$11оп) 


{ 


уаг 1аф = ро$1%1оп.соога$ .1а&1иае 
уаг 1оп = ро$1%1оп.соога$ .1опё1фиае 


а1ег* ("Разрешение дано. Ваше местонахождение: \п\п" 


+ 1а + + 1оп + 
"\п\пС11ск 'ОК' Фо 1оаа Сбоор1е Марѕ м1П уоиг 1осаёіоп") 


міпаом. Іоса+іоп. гер1асе("һіЄрѕ : / /млм. воор1е. сот/тарѕ/@" 
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+ 1а + "," + Іоп + ",82") 
} 
Ғипсбіоп Яепіеа(еггог) 
{ 
уаг теѕѕаве 
м1 ЕСИ (еггог . сое) 
{ 
саѕе 1: теѕѕаре = 'Доступ запрещен"; Бгеак; 
саѕе 2: теѕѕаре = 'Позиция недоступна'; Бгеак; 
саѕе 3: теѕѕаре = 'Время ожидания операции истекло'; бгеак; 
саѕе 4: теѕѕаре = 'Неизвестная ошибка'; Бгеак; 
} 
а1ег{ ("Ошибка геолокации: " + теѕѕаре) 
} 
</5сг1рЕ> 
</боау> 
</ћЕт1> 


Пройдемся по этому коду и посмотрим, как он работает, начиная с раздела «һеад»>, 
в котором выводится заголовок. Раздел документа <Боду> составлен полностью из 
кода Јауа$сгірё, который тут же запускается с исследования свойства пауіваїог. вео- 
1оса1оп. Если возвращается значение ипаеғіпеа, то геолокация браузером не под- 
держивается и появляется окно предупреждения об ошибке. 


В противном случае вызывается метод реЁСиггеп+Роѕіїіоп, которому передаются 
имена двух функций: вгаптеа и депіеа (не забывайте, что, передавая только лишь 
имена функций, мы передаем реальный код функции, а не результат ее вызова, кото- 
рый передавался бы в том случае, если бы к именам функций примыкали скобки): 


па\1вафог. вео1оса1оп .вееСиггептРо$11оп(вгапфед, аепіеа) 


Эти функции появляются в сценарии чуть позже и предназначены для обработки 
двух возможных вариантов разрешения на предоставление данных о местополо- 
жении: разрешено (вгап+еа) или отказано (аепіеа). 


Первой следует функция вгапхеа, и вход в нее осуществляется, только если к дан- 
ным может быть получен доступ. В таком случае переменным Та* и 1оп присваива- 
ются значения, возвращаемые выполняемыми в браузере процедурами геолокации. 


Затем появляется окно уведомления со сведениями о текущем местоположении 
пользователя. Когда пользователь нажимает кнопку ОК, окно уведомления закры- 
вается и текущая веб-страница заменяется страницей одной из карт Соое Марз. 
Этой странице передаются широта и долгота, возвращенные из вызова геолока- 
ции, и для нее используется увеличение поля видимости (гоот) с установленным 
значением 8. Можно задать другой уровень увеличения, изменив в конце вызова 
міпаом. І1осаіоп. гер1асе значение 87 на другое числовое значение, заканчива- 
ющееся буквой 2. 
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Вывод на экран карты достигается вызовом метода міпӣом.1осаёіоп. пер1асе. 
Результат показан на рис. 26.1. 


< > С (0 в 5есие | пирх//умиидоодехоти/тарз/@51.8662114,0.8951985,82 й} { 


Е=е5ХЕГ т 


= = Зеагсь бооде Марѕ а Ф : Ѕюп іп 





Рис. 26.1. Интерактивная карта, выведенная 
с учетом местоположения пользователя 


Если в разрешении отказано (или возникла другая проблема), функцией депіеа 
будет выведено сообщение об ошибке, для чего ею будет показано свое собственное 
окно уведомления, информирующее пользователя о возникшей ошибке: 


ѕміЄсһ(еггог.сойе) 
саѕе 1: теѕѕаре = 'Доступ запрещен"; Бгеак; 
саѕе 2: теѕѕаре = 'Позиция недоступна'; Бгеак; 
саѕе 3: теѕѕаре = 'Время ожидания операции истекло'; Бгеак; 
сазе 4: теззаве = 'Неизвестная ошибка’; Бгеак; 


} 


" 


а1ег{ ("Ошибка геолокации: " + теѕѕаре) 
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Когда браузер запрашивает у хоста данные геолокации, он спрашивает раз- 
решение у пользователя, которое тот может дать или не дать. Отказ приводит 
к состоянию «Доступ запрещен», когда же пользователь дал разрешение, но хост- 
система не в состоянии определить его местонахождение, возникает состояние 
«Позиция недоступна», а когда есть разрешение пользователя и хост пытается 
получить его позицию, но время выполнения запроса истекает, складывается 
ситуация «Время ожидания операции истекло». 





Существует еще одно условие возникновения ошибки, при котором некоторые 
сочетания платформ и браузеров позволяют пользователю отклонить диалог 
запроса разрешения без предоставления этого разрешения или отказа в его 
предоставлении. В результате чего приложение на время ожидания обратного 
вызова «зависает». 





В предыдущих редакциях этой книги для встраивания карты непосредственно 
в веб-страницу использовалось обращение к Соове Марз АРТ, но теперь этот сер- 
вис требует от вас самих предоставления уникального ключа АРТ, и для пользова- 
ния сервисом в определенном объеме требуется оплата. Поэтому теперь в примере 
просто создается ссылка на Соое Марѕ. Если же требуется вставить Соое Марѕ 
в ваши веб-страницы или веб-приложения, все необходимые сведения можно найти 
на сайте по адресу ћрѕ://аеуеІорегѕ.доодіе.сот/тарѕ/. Разумеется, существует также 
множество других инструментальных средств вывода карт на страницу, например 
Вшё Марѕ (ћрѕ://мллу.біпо.сот/тарѕ) и Ореп5гее Мар (Һрѕ://лмм.орепѕігеейтар.огд), 
у которых имеются доступные вам АРІ. 


Локальное хранилище 


СооКіе являются неотъемлемой частью современного Интернета, потому что 
позволяют сайтам сохранять на каждой пользовательской машине небольшие 
фрагменты информации, которые могут применяться для отслеживания действий 
пользователя. Теперь это не воспринимается столь же зловеще, как звучит, по- 
скольку в большинстве случаев проводимое отслеживание помогает пользователям, 
сохраняя имена и пароли, избавляя от необходимости регистрироваться на сайтах 
и в таких социальных сетях, как Туіёќег, Еасероок и т. д. 


СооКіе позволяют также сохранять на локальной машине ваши предпочтения при 
обращении к сайту (вместо того чтобы хранить эти предпочтения на сервере сайта) 
или могут использоваться для отслеживания наполнения товарной корзины при 
формировании заказа на сайте электронной торговли. 


Конечно, они также могут использоваться более агрессивно — для отслеживания 
того, какие сайты посещаются чаще всего, составляя представление о ваших инте- 
ресах, что позволит эффективнее направлять рекламу. Вот почему Европейский 
союз ввел положение о том, что «требуется предварительное информированное 
согласие на хранение информации, находящейся на конечном оборудовании 
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пользователя или на доступ к такой информации» (ВЁр://ес.еигора.еи/ра/БасзЛеда!/ 
сооКіеѕ/іпаех_еп.ћёт). 


Теперь подумайте с точки зрения веб-разработчика, насколько полезно может быть 
хранение данных на пользовательских устройствах, особенно если у вас неболь- 
шой ресурс компьютерных серверов и дискового пространства. Например, можно 
создавать браузерные веб-приложения и службы для редактирования текстовых 
документов, электронных таблиц и графических изображений, сохраняя все дан- 
ные удаленно на пользовательских компьютерах, выдерживая закупочный бюджет 
своего сервера как можно ниже. 


С пользовательской точки зрения подумайте, насколько быстрее может загру- 
жаться документ локально по сравнению с загрузкой из Интернета, особенно при 
медленном подключении. Кроме того, вам будет намного спокойнее, если вы будете 
знать, что на сайте не хранятся копии ваших документов. Разумеется, полную без- 
опасность сайта или веб-приложения гарантировать невозможно, и вы никогда 
не будете работать над сугубо конфиденциальными документами, используя про- 
граммы (или оборудование), которые могут входить в Сеть. 


В отношении документов, носящих сугубо личный характер, таких как семейные 
фотографии, возможно, будет комфортнее пользоваться веб-приложением, которое 
хранит данные локально, а не на внешнем сервере. 


Использование локального хранилища 


Самая большая проблема при использовании сооКіе в качестве локального храни- 
лища заключается в том, что в каждом из них можно хранить максимум 4 Кбайт 
данных. СооКіе также должны курсировать в обоих направлениях при каждой 
перезагрузке страницы. И, если только ваш сервер не использует шифрование на 
уровне передачи данных — Тгапѕроге Гауег Зесиг Ку (ТІ.5), являющееся более без- 
опасным потомком 55Т.-шифрования (Зесиге ЗосКез Гауег), при каждой передаче 
сооКіе путешествуют в открытом виде. 


Но с появлением НТМТ.5 у вас появляется доступ к намного более объемному 
локальному хранилищу (обычно, в зависимости от браузера, между 5 и 10 Мбайт 
на каждый домен), которое сохраняет информацию между загрузками страницы 
и посещениями сайта (даже после выключения и включения компьютера). Кроме 
того, данные локального хранилища не отправляются на сервер при каждой за- 
грузке страницы. 


Эти данные хранятся в парах «ключ — значение». Ключ является именем, присва- 
иваемым для ссылки на данные, а значение может содержать любой тип данных, но 
сохраняется в виде строки. Все данные для текущего домена уникальны, и из сооб- 
ражений безопасности любое локальное хранилище, созданное сайтами из других 
доменов, обособляется от текущего локального хранилища, которое становится 
недоступным любому домену, отличающемуся от того, что сохраняет данные. 
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Объект Іосаібіогаде 


Доступ к локальному хранилищу можно получить с помощью объекта 1оса15+огаре. 
Чтобы проверить доступность этого объекта, запрашивается его тип, позволяющий 
понять, был ли он определен: 


1+ (Фурео+ 1оса15Фогаве == 'ипае1пеа') 
{ 


// Локальное хранилище недоступно, нужно сообщить об этом пользователю 
// и завершить работу. Или же вместо этого предложить сохранить данные 
// на веб-сервере. 


} 


Можно ли обойтись без доступа к локальному хранилищу, будет зависеть от пред- 
полагаемых целей его использования, поэтому код, помещаемый в инструкцию 1+, 
зависит от вас. 


Убедившись в доступности локального хранилища, можно приступить к его ис- 
пользованию с помощью методов зе Т+ем и ве*Т+ет объекта 1оса15+огаве: 


1оса15{огаве. зе Т{ет( '1ос', '0ЅА') 
1оса15фогаве . зе Т{ет( '1ап', 'Еп211$И') 


Чтобы впоследствии просмотреть эти данные, необходимо передать ключ методу 
веет: 


1ос = Іоса15+огаре.реІёет( '1ос') 
Тап = 1Іоса15+огаре.реІёет( '1ап') 


В отличие от сохранения и чтения сооКіе, эти методы можно вызвать в любое 
время, без необходимости предварительной отправки веб-сервером каких-нибудь 
заголовков. Сохраненные значения будут оставаться в локальном хранилище до 
тех пор, пока не будут уничтожены следующим образом: 


1оса15фогаве .гетоуеТ{ет( '1ос') 
1оса15фогаве . гетоуеТ{ет( '1ап') 


Или же можно полностью уничтожить локальное хранилище для текущего домена, 
вызвав метод с1еаг: 


Іоса15+огаре.с1еаг() 


В примере 26.2 предыдущие примеры объединены в один документ, показыва- 
ющий текущие значения двух ключей в появляющемся окне предупреждения, ко- 
торое изначально будет иметь значение пи11. Затем ключи и значения сохраняются 
в локальном хранилище, извлекаются из него и заново показываются, на этот раз 
имея присвоенные значения. И наконец, ключи удаляются, а затем предпринима- 
ется попытка повторного извлечения значений, но возвращаемые значения снова 
равны пи11. 


Локальное хранилище 
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Второе из этих предупреждений продемонстрировано на рис. 26.2. 


> Локальное хранилище 


(©) э х @ (@ посаноз/26/ехатр!е26 ... ў № » 


Тре ситепіуаіџеѕ ої 1ос' апо 1ап' аге 
ЦЗАЈ ЕпоІіѕћ 


Сііск ОК їо аѕѕідп уаше$ 


Ћеаа Іосаіһћозѕё 


Рис. 26.2. Чтение из локального хранилища двух ключей и их значений 


Пример 26.2. Получение, установка и удаление данных локального хранилища 


<1рОСТҮРЕ һ&т1> 
<ћт1> 
<һеаа> 
<{1{1е>Локальное хранилищах /+1{1е> 
</һеаа> 
<Боду> 
<$сг1ре> 
1+ (Фурео+ 1оса15+огаре == 'ипӣеҒіпеа') 


{ 
} 


е1ѕе 
{ 
1ос = Іоса15+огаре.реЁІёет( '1ос') 
1ап = 1Іоса15+огаре.реІёет( '1ап') 
а1ег{ ("Текущие значения '1ос' и '1ап':\п\п" + 
Іос +" / "+ Іап + "\п\пНажмите кнопку ОК, 
чтобы присвоить значения") 


а1ег{ ("Локальное хранилище недоступно") 


1оса15{огаве . зе Т{ет( '1ос', 'Ц5А') 
1оса15{огаве . зеТ{емт( '1ап', 'Еп211$И') 

1ос = 1Іоса15+огаре.реІёет( '1ос') 

Тап = 1Іоса15+огаре. реІёет( '1ап') 

а1ег{ ("Текущие значения '1ос' и '1ап':\п\п" + 
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Іос +" / "+ Іап + "\п\пНажмите кнопку ОК, 
чтобы очистить значения") 


1оса15Фогазе .гетоуетТет( '1ос') 
1оса15+огаре. гетоуеІ+ет( '1ап') 
1ос = Іоса1Ѕіогаре.реІбет( '1ос') 
1ап = 1оса15{огаве . вееТ{ет( '1ап') 
а1ег{ ("Текущие значения '1ос' и '1ап':\п\п" + 
106+" / "+ 1ап) 
} 
</5сг1рЕ> 
</боау> 
</һёт1> 





В локальное хранилище можно включать данные практически любого типа 
и сколько угодно пар «ключ — значение» вплоть до достижения доступного 
лимита хранения для вашего домена. 








Рабочие веб-процессы 


Рабочие веб-процессы запускают на выполнение фоновые задания и хорошо под- 
ходят для длительных вычислений, которым не следует мешать пользователям 
заниматься другими делами. Чтобы воспользоваться рабочим веб-процессом, 
можно создать разделы кода Јауа$сгірё, запускаемые в фоновом режиме. В этом 
коде не должны устанавливаться и отслеживаться прерывания, как это приходится 
делать заданиям в некоторых асинхронных системах. Вместо этого при наличии 
чего-то, о чем нужно сообщить, ваш фоновый процесс связывается с основным 
кодом Јауа$сгірї путем выдачи события. 


Это означает, что решать, как наиболее эффективно распределить отрезки време- 
ни, будет интерпретатор Јауа$Ѕсгірё, а вашему коду останется только позаботиться 
о связи с фоновой задачей при наличии передаваемой информации. 


В примере 26.3 показывается, как рабочие веб-процессы можно настроить на вы- 
числение повторяющейся задачи в фоновом режиме: в данном случае на вычисление 
простых чисел. 


Пример 26.3. Настройка рабочего веб-процесса и обмен данными с ним 


<!РОСТУРЕ һҺЕт1> 
<ћём1> 
<Неаа> 
<{1{1е>Рабочие веб-процессы< /+1{1е> 
<5Сг1рф $гс='0$С.]5'></5сг1ре> 
</һеаа» 
<роау> 
Текущее самое большое простое число: 
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<ѕрап 14='гези1{ ' >0</5рап> 


<ѕсгірї» 
1+ (! !міпаом.МогКкег) 


{ 


уаг могкег = пем Могкег( 'могкег.јѕ') 


могКег.оптеѕѕаве = Ғипсіоп (емепё) 


{ 


О('гези1{').1ппегТехЕ = емепё.да+а; 


} 
} 


е15е 


{ 


а1егі ("Рабочие веб-процессы не поддерживаются") 


} 
</ѕсгірЕ> 
</боау> 
</ћЕт1> 


В этом примере сначала создается элемент <ѕрап> с идентификатором геѕи1&, в ко- 
торый будут помещены выходные данные от рабочего веб-процесса. Затем в раз- 
деле <ѕсгір+> с помощью пары операторов НЕ (!!) тестируется и1пдом. могКег. 
В результате, если метод могкег существует, возвращается логическое значение 
гие, в противном случае возвращается #а15е. Если это значение не равно «гие, то 
сообщение, выводимое в разделе е15е, предупреждает нас о том, что рабочие веб- 
процессы недоступны. 


В противном случае вызовом метода Могкег создается новый объект могКег, ко- 
торому передается имя файла могкег.јѕ. Затем к безымянной функции, кото- 
рая помещает любые переданные ей сценарием могКег. $ сообщения в свойство 
1ппегТех* ранее созданного элемента <ѕрап>, прикрепляется событие оптеѕѕаве 
нового объекта могКег. 


Код самого рабочего веб-процесса сохраняется в файле могКег. 3, который при- 
веден в примере 26.4. 


Пример 26.4. Рабочий веб-процесс могкег.јѕ 
уаг п = 1 
ѕеағрсһ: мһі1е (гие) 
{ 
п +=1 


Фог (маг і = 2; 1 <= МафВ.загЕ(п); і += 1) 


14 (п%1 == 0) сопЕ1птие ѕеагсһ 


} 


роз{Ме$заве (п) 


} 
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В этом файле переменной п присваивается значение 1. Затем запускается беско- 
нечный цикл с увеличением значения п на единицу и проверкой значения «в лоб» 
на принадлежность к простым числам. При этом тестируются все значения от 1 
до корня квадратного из п для проверки, делится ли п на них без остатка. Если со- 
множитель будет найден, то команда сопЕ1пие тут же останавливает лобовую атаку, 
поскольку число не является простым, и начинает обработку снова в отношении 
следующего более высокого значения п. 


Но если все возможные сомножители будут протестированы и не будет найден 
результат с нулевым остатком, то п должно быть простым числом, следовательно, 
его значение передается функции ро$*Меззаве, отправляющей сообщение событию 
оптеѕѕаре объекта, который установил этот рабочий веб-процесс. 


Результат выглядит следующим образом: 
Текущее самое большое простое число: 30477191 


Чтобы остановить выполнение рабочего веб-процесса, нужно вызвать метод 
{еги1паее объекта могКег: 
могКкег.ёегтіпа+е() 





Если нужно остановить выполнение процесса в данном конкретном примере, 
в адресной строке браузера можно ввести такой код: 





јамаѕсгірі : могкег. ёегтіпаћео 


Следует также заметить, что из-за способа решения в Сһготе вопросов безопас- 
ности использовать рабочие веб-процессы в отношении файловой системы невоз- 
можно, их можно запускать только с веб-сервера (или запускать файлы из Іосаіћоѕї 
на таких серверах разработки, как АМРР5, подробно рассмотренный в главе 2). 





У рабочих веб-процессов имеется ряд ограничений, связанных с соблюдением мер 
безопасности, о которых следует знать. 


О Рабочие веб-процессы запускаются в своем собственном независимом контексте 
ЈахаЅсгірі и не имеют непосредственного доступа к чему-либо в любом другом 
контексте выполнения кода, включая основной поток ЈауаЅсгірё или другие 
рабочие веб-процессы. 


О Обмен данными между контекстами рабочих веб-процессов осуществляется 
посредством рассылки веб-сообщений (ро$+Мез5аве). 





О Поскольку у рабочих веб-процессов доступа к контексту основного кода 
Јаха$сгірё не имеется, они не могут вносить изменения в РОМ. Единствен- 
ными РОМ-методами, доступными рабочим процессам, являются а+ор, Бќоа, 
с1ІеагІпегуа1, сІеагТітеои+, дитр, зе Тпфегуа1 и зе Т1теоц*. 


о Рабочие веб-процессы ограничены политикой единого домена, поэтому без 
прохождения методов безопасного обмена данными между сайтами, загрузить 
рабочий веб-процесс из другого домена, кроме исходного, невозможно. 
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Перетаскивание 


Как показано в примере 26.5, поддержку перетаскивания на веб-странице можно лег- 
ко организовать, добавив обработчики для событий опагав+аг\, опагавоуег и опагор. 


Пример 26.5. Объекты перетаскивания 


<1рОСТҮРЕ НТМЕ> 
<һЕм1> 
<һеаа»> 
<{1{1е>Перетаскивание< /+1{1е> 
<$сг1рЕ згс='0$С.]$'></зсг1ре> 


<ѕ1у1е»> 
#деѕї { 
Баскёгоипа: 1іеһћ+б1ие; 
Богаег :1рх $0114 #444; 
міаёћ :320рх; 
Вет :100рх; 
раааіпе :110рх; 
} 
</ѕ+у1е» 
</Неаа> 
<Боау> 


<аіу іа='ӣеѕ' опагор=' агор(емеп*)' опагавоуег=' а11ом(е\меп{) ' ></а1\><6г> 
Перетащите нижнее изображение в верхний элемент <Бг><6г> 


«імпе іа='ѕоигсе1' ѕгс='ітаре1.рпе' агавваб1е='+гие' опдгаз${аг*=' гар (е\меп*) '> 
«іе 14='зоигсе2' згс='1таве2.рпё' дгавваб1е='+гие' опдгаз${аг*=' газ (емеп®) ' > 
<118 іа='ѕоигсе3' ѕгс='ітарез.рпе' дгавваб1е='+гие' опӣгарѕ&агі= ' гар (емеп+) '> 
<ѕсгірі» 

Ғипсбіоп а11ом(еуепі) 


{ 
} 


Ғипс+іоп агар (емеп?) 


еуеп{ .ргемепЕОе+аи1* () 


е\уеп{ .дафаТгап$-+ег.е{Ба{а( '1таве/рпё', еуепё.Фагееї.іа) 


} 

ФипсЕ1оп агор(емеп*) 

{ 
еуеп{ .ргемепЕОе+аи1* () 
уаг аафа=еуеп* .Яа+аТгапѕҒег. веЕра+а( '1таре/рпё') 
еуепі. агре . аррепасһі1а(о(аа+а)) 

} 

</ѕсгірё> 
</боау> 
</ћЕм1> 


После указания тегов һёт1, &141е и загрузки файла 05С.јѕ в этом документе за- 
дается стиль <аіу>-элементу с идентификатором аеѕі. Для него устанавливаются 
цвет фона, граница, размеры и отступы. 


Затем в разделе <Боау> создается <аіу>-элемент и объявляются события опа гор 
и опагароуег с прикрепленными к ним функциями-обработчиками 4гор и а110и 
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После этого следует текст, а за ним выводятся три изображения, у которых для их 
свойств агавваб1е установлено значение «гие, а к событию опӣгавѕ+агё каждого 
из них прикрепляется функция агар. 


В разделе <5сг1р=> функция а110м, выполняющая роль обработчика события, про- 
сто предотвращает для перетаскивания выполнение действия по умолчанию (за- 
прещая его). Функция гав, выполняющая такую же роль, вызывает метод зе Рафа 
объекта а+аТгапѕ+ег, передавая ему МІМЕ-тип ітаве/рпе и +агреё.іа события. 
Объект аа+аТгапѕҒег содержит перетаскиваемые данные в ходе самой операции 
перетаскивания. 


И наконец, функция гор, выполняющая роль обработчика события, также пере- 
хватывает действие по умолчанию, разрешая завершить перетаскивание, а затем из- 
влекает содержимое перетаскиваемого объекта из объекта даќаТгапѕ#ег, передавая 
при этом МІМЕ-тип объекта. Затем освобождаемые после перетаскивания данные 
присоединяются к цели (к <91\>-элементу с идентификатором аеѕ+), используя 
его метод аррепасһі1а. 


Если проверить работу этого примера, можно будет перетаскивать изображения 
в <аїіу>-элемент, где они и будут оставаться (рис. 26.3). Изображения не могут 
быть перетащены никуда, кроме элементов, к которым прикреплены обработчики 
событий дгор и а110м. 








Перетащите изображение снизу в прямоугольник 
вверху 





Рис. 26.3. Два изображения здесь уже были перетащены 
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Можно прикрепить и другие события, включающие опагарептег (для запуска в тех 
случаях, когда при операции перетаскивания происходит вход указателя мыши 
в элемент), опігар1еауе+ог (для запуска в тех случаях, когда указатель мыши 
покидает элемент) и опагавепа+ог (для запуска в тех случаях, когда операция 
перетаскивания завершается). Эти события можно использовать, к примеру, для 
изменения внешнего вида указателя мыши в ходе таких операций. 


Обмен сообщениями между документами 


Вы уже видели обмен сообщениями немного ранее, в разделе о рабочих веб- 
процессах. Но в подробности там я не вдавался, поскольку веб-процессы не от- 
носились к основной рассматриваемой теме и сообщения в любом случае переда- 
вались одному и тому же документу. Однако по вполне понятным соображениям 
безопасности обмен сообщениями между документами должен применяться осмо- 
трительно, то есть, если вы планируете его использование, необходимо понимать, 
как он работает. 


До появления НТМТ.5 разработчики браузеров запрещали междокументное вы- 
полнение сценариев, но наряду с блокировкой потенциальных вредоносных сайтов 
запрещалась и связь между вполне законными страницами, что вынудило осущест- 
влять взаимодействия любого рода посредством асинхронного обмена данными 
и сторонних веб-серверов, создавая неоправданные сложности и неудобства при 
создании и поддержке. 


Но теперь веб-обмен сообщениями позволяет сценариям взаимодействовать, 
преодолевая эти границы при соблюдении разумных ограничительных мер 
безопасности, направленных на предотвращение вредоносных попыток взлома. 
Это достигается путем использования метода роз*+Ме5заве, позволяющего от- 
правлять простые текстовые сообщения от одного домена другому, но неизменно 
в одном браузере. 


Для этого требуется, чтобы ЈауаЅсгірі сначала приобрел объект міпӣом получа- 
емого документа, допуская отправку сообщений различным окнам, тегам #гате 
или ігате, непосредственно связанным с документом отправителя. Событие 
полученного сообщения имеет следующие атрибуты: 


О Яаа — входящее сообщение; 


О огіріп — происхождение отправителя документа, включая схему, имя хоста 
и порт; 





О ѕоигсе — исходное окно отправителя документа. 


Как показано в примере 26.6, код для отправки сообщений представляет собой 
одну инструкцию, в которую передается отправляемое сообщение, и домен, к ко- 
торому оно относится. 
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Пример 26.6. Отправка веб-сообщений в йгате 


<!БОСТУРЕ НТМІ > 
<һёт1> 
<Пеад> 
<{11е>Веб-сообщения (а) </&і+1е» 
<5сгір ѕ"с='05С.ј5'></5сгірі> 
</Неаа> 
<Боду> 
<іҒгаме 149='Ргате' ѕгс='ехатр1е26-6.һёт1' міаёһ= ' 360' 
ћеівһћї= '75' ></1+гате> 


<5сг1ре> 
соипе = 1 


зе{Тпфегуа1 (Рипс1оп() 
{ 
0('Ғгате') . сопёепМіпаом. роѕ+Меѕѕаре( 'Меѕѕаре 
}, 1000) 
</5сг1рЕ> 
</боау> 
</ћЕт1> 


+ соипі++, '*') 


Здесь, как обычно, используется файл 05С. 35, чтобы можно было взять из него 
функцию о. Затем создается элемент <1+гате> с идентификатором #гате, который 
загружает код примера 26.7 (ехатр1е26-7 .һёт1). После этого в разделе <ѕсгірё> 
переменной соипё присваивается начальное значение 1 и устанавливается интервал 
в одну секунду для повторяющейся отправки строки 'Меззаве ' (с использованием 
метода роѕ+Меѕѕаве) наряду с текущим значением счетчика, значение которого 
после этого увеличивается на единицу. Вызов роѕ+Меѕѕаве прикреплен к свойству 
сопёепёміпӣом объекта 1+гате, а не к самому объекту 1+гате. Это важно, потому 
что обмен веб-сообщениями требует, чтобы сообщения отправлялись в окно, а не 
в объект в окне. 


Пример 26.7. Получение сообщений от другого документа 


<!БОСТУРЕ НТМЕ> 
<Пт1> 
<Пеад> 
<{1{1е>Веб-сообщения (6) </&їі+1е» 
<5{$у1е> 
Ноцери* { 
Фоп{-Фат11у: "Соиг1ег № м"; 
мИ1е-зрасе:рге; 
} 
</5+у1е» 
<5сгір ѕ"с='05С.ј5'></5ѕсгірі> 
</ћеаа> 
<роау> 
<аіу іа= 'оириї'>Полученные сообщения будут отображаться здесь</41\> 


<5сгірі» 
міпаӢом.оптеѕѕаве = Ғипсёіоп(емепї) 


О( 'оиЕриё').іппегнтмі = 
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'<5>0г151п:</Б6> ' + емепё.огівіп + '<6г>' + 
'<Б>5оигсе:</6> ' + еуепі.ѕоигсе + '<6г>' + 


"<р>ра+а: </6> ' + емеп+.аа+а 
} 
</ѕсгірё> 
</боау> 
</ћЕм1> 


В этом примере производятся незначительные стилевые настройки, делающие 
вывод более выразительным, затем создается <4іу>-элемент с идентификатором 
оиїрие, в который будет помещено содержимое полученного сообщения. В раз- 
деле <ѕсгір> находится одна безымянная функция, прикрепленная к событию 
оптеѕѕаве объекта м1пдом. В этой функции, как показано на рис. 26.4, выводятся на 
экран значения свойств еуеп* .огівіп, емеп{ . ѕоигсе и еуеп* .дажа. 





№ ве6-сообщения (а) р 
хэся С) Іосаіћоѕ/ехатріе25-10. | = 











Огідіп: ҺЕір://1оса1һоѕі 
Зопгсе: [објесі М1п9дом] 
Рафа: Меѕѕаде 17 





Рис. 26.4. На данный момент Итате получил 29 сообщений 


Обмен веб-сообщениями работает только между доменами, поэтому его нельзя про- 
тестировать, загружая файлы из файловой системы, и нужно воспользоваться веб- 
сервером. На рис. 26.4 показано, что источником является Вр:/ЛосаНо$ поскольку 
эти примеры запущены на локальном сервере, предназначенном для разработки. 
Источником является объект міпаом, а текущим сообщением — Меѕѕаве 29. 


На данный момент пример 26.6 нельзя признать полностью безопасным, так как 
в качестве значения домена, переданного роз*Меззаве, используется групповой 
СИМВОЛ *: 


0('Ғгате') . сопёепМіпаом. роѕМеѕѕаре('Меѕѕаре ' + соип++, '*') 


Чтобы направить сообщения только тем документам, источником которых явля- 
ется конкретный домен, этот параметр можно изменить. В данном случае значение 
һёр://Іосаћоѕї обеспечит отправку сообщений только тем документам, которые были 
загружены с локального сервера: 


О('Ёгате') . сопёепіМіпаом. роѕМеѕѕаре('Меѕѕаре ' + соип++, "һр: //1оса1һоѕї') 


Более того, в подобных условиях прослушивающая программа выводит абсолютно 
все получаемые сообщения. Такое положение дел также не отличается высоким 
уровнем безопасности, поскольку вредоносные документы, присутствующие 
в браузере, могут осуществить попытку отправки сообщений, к которым, если 
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не предпринять мер защиты, может быть получен доступ со стороны неосмотри- 
тельно написанного кода, прослушивающего сообщения. Но вы можете ограничить 
круг сообщений, на которые реагирует прослушивающий код, воспользовавшись 
инструкцией 1+: 


м1пдом.опте$заве = Фипс1оп(е\мепт*) 


{ 


1+ (емепЁ.огіғвіп) == 'Ир://1оса1йо$*') 


{ 


О( "оиёри&').іппегнтмі = 
'"<р>Огіріп:</6»> ' + емепё.огівіп + '<6г>' + 
'<6>5оигсе: </6> 
'"<р>ра+а:</6> ' + еуепё. дата 


+ еуепі.ѕоигсе + '<6г>' + 














Если для сайта, с которым ведется работа, всегда используется надлежащий до- 
мен, ваш обмен веб-сообщениями будет безопаснее. Тем не менее следует пом- 
нить, что, поскольку сообщения отправляются в открытом виде, в отношении 
некоторых браузеров или их дополнительных модулей могут быть сомнения насчет 
защищенности этой разновидности обмена данными. Тогда одним из способов 
повышения безопасности будет использование системы запутывания или шиф- 
рования, а также рассмотрение вопроса введения своих собственных двусторон- 
них протоколов связи для проверки подлинности каждого сообщения. 





Как правило, значения огівіп и ѕоигсе пользователю не показываются, они ис- 
пользуются лишь для проверок, связанных с обеспечением безопасности. Но в этих 
примерах они видны, чтобы помочь вам провести эксперименты с обменом веб- 
сообщениями и разобраться в том, что происходит. С помощью этого метода до- 
кументы в появляющихся окнах и других вкладках могут обмениваться данными, 
не прибегая к использованию 1+гамтез. 








Микроданных больше нет 


В предыдущих изданиях этой книги рассматривались приемы использования ин- 
тересной новой функции НТМЕ5 под названием «микроданные», представляющей 
собой поднабор НТМЕ, разработанный с целью предоставления документу мета- 
данных, для придания различным элементам данных дополнительного значения 
с точки зрения программных средств и таких поисковых роботов, как Соодіе. 


Но время не стоит на месте, и вместо того, чтобы эту функцию принимало все 
больше и больше браузеров, обе компании, и бооде, и Арре отказались от ее 
поддержки, и она была исключена из основной НТМЕ5-спецификации в №ЗС. 


Поэтому я больше не рекомендую помечать какой-либо код микроданными, по- 
скольку он станет выглядеть вышедшим из употребления или похожим на таковой, 
и даже если поисковые роботы Соодіе и Втд все еще используют какую-либо 
часть этой информации, то в скором времени, они, вероятнее всего, прекратят 
к ней прибегать. 
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Другие теги НТМІ5 


В НТМІ5 появилось несколько других новых тегов, внедренных во все основные 
браузеры, ЭТО: <агііс1е>, ‹а$14е>, <‹4ефа11$>, <Ғірсарііоп>, <Е1виге>, <Роофег>, 
<Неадег>, <һегоир>, <тагк>, <‹тепи1{ет>, ‹тефег>, <пау>, <оиёри+», <рговгеѕѕ>, <гр>, 
<гЕ>, <гибу>, <зес1оп>, <зиттагу>, <ёіте> и <мбг>. Дополнительную информацию 
об этих и других тегах НТМТ.5 можно получить по адресу Һір://Ь1у/216СКР (ищите 
элементы, помеченные значком МЕМ). 


На этом введение в НТМТ.5 завершается. Теперь в вашем распоряжении имеется 
множество новых эффективных средств, придающих сайтам еще больше динамич- 
ности и привлекательности. В заключительной главе будет показано, как можно 
собрать воедино все описанные в книге различные технологии для создания не- 
большого сайта социальной сети. 


Вопросы 


Какой метод нужно вызвать для запроса геолокационных данных у браузера? 
2. Как определить, поддерживает ли браузер локальное хранилище? 


Какой метод можно вызвать, чтобы удалить все данные локального хранилища 
для текущего домена? 


4. Какой способ считается наилучшим для связи рабочих веб-процессов с основ- 
ной программой? 
5. Каким образом можно воспрепятствовать запуску рабочего веб-процесса? 


6. Как предотвратить действие по умолчанию, не позволяющее перетаскивание 
для событий, и в результате обеспечить поддержку операций перетаскивания? 


7. Как сделать обмен сообщениями между документами более безопасным? 


Ответы на эти вопросы можно найти в приложении А, в соответствующем разделе. 


Объединение 
технологий 


В завершение книги я хочу привести вам реальный пример использования рассмо- 
тренных технологий, в котором вы можете досконально разобраться. В действи- 
тельности это несколько примеров, объединенных в простом проекте социальной 
сети, имеющей все атрибуты, которые ожидаются на подобном сайте или даже 
в веб-приложении. 


В разных файлах проекта представлены примеры создания таблиц МуЗОТ. и до- 
ступа к базе данных, таблиц стилей С$$, включения других файлов, управления 
сессией, доступа к РОМ, асинхронных вызовов, обработки событий и ошибок, за- 
грузки файлов на сервер, работы с изображениями, холстами НТМТ.5 и решения 
многих других задач. 


Каждый файл, приводимый в качестве примера, является завершенной и само- 
достаточной программой, способной работать совместно с остальными файлами 
с целью построения полностью работоспособного сайта социальной сети. К тому 
же, подключив таблицу стилей, вы сможете полностью изменить внешний вид 
проекта. Благодаря небольшому объему и несложной конструкции конечный про- 
дукт будет особенно полезен на мобильных платформах, таких как смартфоны или 
планшеты, но он также хорошо будет работать и на полноразмерных настольных 
компьютерах. 


Вы можете убедиться в том, что, задействуя всю мощь јОпегу и ]Оцегу Мое, код 
работает довольно быстро, отличается простотой использования, хорошей адапти- 
рованностью ко всем средам и хорошо смотрится. 


И все же я постарался максимально ужать код, чтобы он легче усваивался. Исхо- 
дя из этого, имеются весьма широкие возможности по его улучшению, например 
в целях повышения безопасности путем хранения хешей вместо незашифрованных 
паролей и более плавных переходов между входом в систему и выходом из нее, но 
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давайте оставим все это в качестве пресловутых упражнений для читателя, тем 
более что в конце этой главы ему не задается никаких вопросов! 


Можно взять любой представляющийся полезным фрагмент кода и дополнить его 
в соответствии с поставленными задачами. Возможно, у вас даже появится жела- 
ние создать на основе этих файлов собственную социальную сеть. 


Проектирование приложения 
социальной сети 


Перед написанием кода я определяю для себя важные составляющие подобного 
приложения, среди которых: 

О процесс регистрации; 
О форма для входа на сайт; 

О средство для завершения работы с сайтом; 

О управление сессией; 

О пользовательские профили с загруженными миниатюрными изображениями; 
О каталог участников сети; 

О добавление участников в список друзей; 

и 


открытый и закрытый обмен сообщениями между участниками; 





О способ стилевого оформления проекта. 


Я решил назвать проект «Сообщество Робина» — Вођіп’ѕ №5. Если же вы вос- 
пользуетесь этим кодом, нужно будет изменить имя и логотип в файлах іпаех.рһр 
и һеааег.рһр. 


Информация на сайте 


Все примеры, приводимые в данной главе, можно найти на прилагаемом к книге 
сайте НЕр://Лри).пе{. Можно также загрузить примеры с этого сайта на свой компью- 
тер, щелкнув на ссылке 51 Ейійоп Ехатріеѕ (Примеры пятого издания) в верхней ча- 
сти страницы, и будет загружен архивный файл, который можно будет распаковать 
в удобное место на вашем компьютере. 


С учетом того что данная глава представляет особый интерес, внутри 7ТР-файла 
есть папка гобіпѕпеѕї, в которой все следующие примеры сохранены с использова- 
нием тех имен, что требуются этому учебному приложению. Поэтому вы можете 
просто скопировать все эти примеры в свою папку разработки веб-приложения, 
чтобы увидеть их в действии. 
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Файл ГипсНоп$.рИр 


Перейдем непосредственно к проекту и начнем с примера 27.1, Ғипсёіопѕ.рћр, ко- 
торый включает в себя основные функции. Но в этом файле содержатся не только 
функции. Я добавил в него сведения, необходимые для входа в базу данных, чтобы 
не использовать для этой цели лишний файл. В первых четырех строках кода опре- 
деляются хост, имя базы данных, а также имя пользователя и пароль. 


Изначально в качестве имени пользователя базы данных Муз ОТ. используется 
гоб1птзпез*, а база данных, используемая программой, также называется гоб4пзпе$+. 
Имя пользователя базы данных МуЗОТ, поскольку оно уже существует, не име- 
ет значения, равно как и имя самой базы данных. В главе 8 предоставляются 
подробные инструкции по созданию нового пользователя и (или) базы данных. 
Но, по сути, при наличии соответствующих полномочий новую базу данных по 
имени гоб1пзпез{ можно создать из командной строки МуЗОТ: 


СКЕАТЕ РАТАВАЅЕ гобіпѕпеѕ+; 


Затем, также при наличии соответствующих полномочий, можно создать пользо- 
вателя по имени побіпѕпеѕї, имеющего доступ к этой базе данных: 


СКАМТ АШ ОМ гобіпѕпеѕ.* ТО 'горіпѕпеѕі '@'1оса1һоѕї' 
ТОЕМТТЕТЕО ВУ 'гпраѕѕмога'; 


Несомненно, вы воспользуетесь более стойким паролем для этого пользователя, 
чем гпраѕѕмога, но, чтобы ничего не усложнять, в приводимых здесь примерах ис- 
пользуется именно этот пароль, нужно будет только не забыть его изменить в том 
случае, если вы воспользуетесь какими-то фрагментами данного кода на произ- 
водственном сайте (или же, как уже упоминалось, можно будет воспользоваться 
ранее существовавшими именами пользователя и базы данных). 


Если задать правильные значения в следующих двух строках файла, будет открыто 
подключение к МУЗОТ, и выбрана база данных. 


Функции. В проекте используются пять основных функций: 
О сгеафеТаб1е — проверяет факт существования таблицы и создает отсутству- 
ющую таблицу; 


О ачегумуѕа1 — выдает запрос к МУЗОТ, а при сбое выводит сообщение об 
ошибке; 


С Яеѕїгоуѕеѕѕіоп — уничтожает РНР-сессию и очищает машину от ее данных для 
завершения сеанса работы пользователей; 


О ѕапітіғеѕігіпе — удаляет потенциально вредный код или теги из информации, 
введенной пользователем; 





О $ПомРго+11е — отображает миниатюрные изображения пользователей и их за- 
писи Абош те (Обо мне), если таковые имеются. 
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Работа всех этих функций должна быть вам понятна. За исключением, может быть, 
функции ѕһомРго#і1е, которая осуществляет поиск изображения по имени иѕее.јре 
(где иѕег — это пользовательское имя текущего пользователя) и после успеш- 
ного поиска выводит его на экран. Она также отображает любой текст АБоиё те 
(Обо мне), который пользователь мог сохранить. 


Все нуждающиеся в этом функции снабжены кодом обработки ошибок, который 
позволяет перехватывать любую опечатку или другие допущенные ошибки ввода 
и сгенерировать сообщение об ошибке. Но если какая-нибудь из этих функций 
используется на рабочем сервере, то вам, скорее всего, захочется предоставить для 
этой цели собственные обработчики ошибок, чтобы сделать код более дружелюб- 
ным по отношению к пользователю. 


Наберите код примера 27.1 и сохраните его в файле ФипсЕ1оп$ .рНр (или загрузите 
файл с прилагаемого к книге сайта), после чего вы будете готовы перейти к изуче- 
нию следующего раздела. 


Пример 27.1. Гипсбоп$.рНр 


<?рһр 
$абһоѕ+ = '1оса1һоѕ'; // Эта строка вряд ли нуждается в изменении 
$абпате = 'гоб1пзпе$*'; // А значения этих переменных 
$Абизег = 'гоб1пзпе$*'; // поменяйте на те, что соответствуют 
$абраѕѕ = 'гпраз$мога'; // вашим настройкам 


$соппесЕ1оп = пем туѕд11і($абһоѕ+, $абиѕег, $46раз$, $АБпамте); 
1+ ($соппесЕ1оп->соппес_еггог) 41е("Рафа1 Еггог"); 


ФипсЕ1оп сгеафеТаб1е($паме, $аиегу) 


диегумуѕд1("СКЕАТЕ ТАВЕЕ ТЕ МОТ ЕХТЗТ$ $пате ($ачегу)"); 
есһо "Таблица 'фпате' создана или уже существовала<Ьг>"; 


} 


ФипсЕ1оп аиегумуѕд1($аиегу) 
т 


Б1оба1 $соппесЕ1оп; 

$гези1Е = $соппесЕ1оп->аиегу ($ачегу); 
1+ (1$гези14) а1е("Рафа1 Еггог"); 
гебигп $гези1*; 


) 
Ғипсёіоп ЯеѕёгоуѕЅеѕѕіоп() 
$ 5Е551І0М=аггау() : 
іҒ (ѕеѕѕіоп іа() != "" || іѕѕе($ СООКІЕ[5еѕѕіоп пате()])) 


ѕеїсоокіе(ѕеѕѕіоп пате(), '', ©іте()-2592000, '/'): 


ѕеѕѕіоп_аеѕёгоу(); 


} 


ФипсЕ1оп з$ап1{17е5г1п8($уаг) 


Б1оба1 $соппесЕ1оп; 


720 Глава 27 • Объединение технологий 





$\аг = $&г1р_{ав$($\уаг); 
$\аг = И{и1еп{11е$ ($уаг); 
1+ (веф таё1с_адио%ез_врс()) 
$\аг = $&г1р$1а$Пе$ ($\уаг); 
гефигп $соппес1оп->геа1_е5саре_54г1п5($уаг); 


} 
ФипсЕ1оп $НомРго+11е($изег) 
{ 
1+ (+і1е ехіѕ+5("Фиѕег.јрв")) 
есһо "<ітв згс='Физег.]рё' а1ієп= 'Іеғё'›"; 
$геѕи1+ = ачегуМуза1("5ЕТЕСТ * ЕКОМ ргоҒі1еѕ МНЕВЕ иѕег= 'фиѕег'"); 
1+ (Фгеѕи1+->пит гомѕ) 
$гом = $гези1{ - >ЕефсИ_аггау (МУЗОЕТ_А$$0С); 
есһо ѕ1гірѕ1аѕһеѕ ($гом[ '+ехе']) . "<Бг эфу1е=' с1еаг:1еРЕ; '><6г>"; 
} 
е1ѕе есһо "<р>Здесь пока не на что смотреть </р><6г>"; 
} 
?> 





Если вы читали предыдущее издание этой книги, в котором в этих примерах ука- 
зывалось старое туѕд!-расширение, то должны были заметить, что для ссылки на 
базу данных Му$ОЕ с использованием тузай в функциях диегуМуза! и зап хе пд 
следует применять ключевое слово діоБаі, чтобы позволить им использовать 
значение, находящееся в $соппесіоп. 





Файл һеааег.рһр 


Чтобы сохранить единство стиля, каждая страница проекта должна иметь доступ 
к одному и тому же набору функций. Поэтому я поместил соответствующие на- 
стройки в файл һеадег.рһр, показанный в примере 27.2. Этот файл включается 
практически во все остальные файлы, и он, в свою очередь, включает в себя файл 
Ғипсёіопѕ .рһр. Это означает, что в каждом файле нужна только одна инструкция 
геди1ге_опсе. 


Код файла һеадег.рһр начинается с вызова функции ѕеѕѕіоп_ѕ+агї. Из материалов 
главы 12 следует, что эта функция настраивает сессию, которая будет запоминать 
конкретные значения, необходимые для использования в различных РНР-файлах. 
Иными словами, в сессии отображается визит пользователя на сайт, и у нее может 
истечь срок действия, если пользователь игнорирует сайт определенный период 
времени. 


С началом сессии программа выводит код НТМІ., необходимый для настройки 
каждой веб-страницы, включая загрузку таблиц стилей и различные нужные 
библиотеки ЈауаЅсгірі. Затем в код включается файл функций (Ғипсіопѕ.рћр), 
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и переменной $иѕепѕ+г присваивается исходное строковое значение Ме1соте бие$* 
(«Добро пожаловать, гость»). 


Затем программа проверяет, присвоено ли значение переменной сессии иѕег. 
Если оно присвоено, значит пользователь уже вошел на сайт и значение перемен- 
ной $1орредіп установлено как ТКОЕ, а имя пользователя извлечено из переменной 
сессии иѕег в РНР-переменную $иѕег с соответствующим обновлением значе- 
ния переменной $иѕепѕїг. Если пользователь еще не вошел на сайт, переменной 
$1оввеа1т присваивается значение РАГЅЕ. 


После этого выводится код НТМГ с приветствием пользователю (или гостю, 
если вход еще не был осуществлен), и <4іу>-элементы, требуемые јОпегу Мое 
для заголовка страницы и разделов содержимого. Затем благодаря использо- 
ванию значения переменной $1овред1т и блока 1+ отображается один из двух 
наборов меню. Набор для не вошедшего на сайт пользователя предлагает выбор 
только из главной страницы — Ноте, регистрации — Ѕідп ир и входа на сайт — 109 
іп, а версия меню для вошедших на сайт предлагает полный доступ к функциям 
проекта. Кнопки получают стилевое оформление с использованием формы за- 
писи библиотеки ]Оцегу Мое, например да+а-го1е= 'биїќоп', для отображения 
элемента в виде кнопки, дафа-1п11пе='+гие' для отображения элементов в ряд 
(действует подобно элементу <ѕрап») и дафа-+гап$110оп="$11ае", чтобы заставить 
новые страницы наплывать на окно просмотра при щелчке, согласно описанию, 
которое было дано в главе 22. 


Дополнительное стилевое оформление, применяемое к этому файлу, находится 
в файле ѕ+у1еѕ.сѕѕ (см. пример 27.13, рассматриваемый в конце главы). 


Пример 27.2. һеайегрһр 


<?рһр // 
ѕеѕѕіоп_ѕёагї(); 


есһо <<<_ІМІТ 

<1рОСТҮРЕ һ&т1> 

<һЕм1> 

<һеаа> 

<тефа сһагѕе= 'иЁғ-8' > 
<тефа пате= 'уіемроге' сопёепї= 'міаєһ=ЯӢеуісе-міаёћ, іпіёіа1-ѕса1е=1'> 
<1Ііпк ге1='5+у1еѕһее' һгеғ='јаиегу.тобі1е-1.4.5.тіп.с55'> 
<1Ііпк ге1='5+у1еѕһее' һгеҒ=' ѕ5+у1еѕ.сѕ5'> 
<ѕсрір згс=']ауа$сг1р*.]$'></$сг1ре> 
<ѕсгірї ѕрс= 'јдаиеғу-2.2.4.тіп.ј5'></5сгірі> 
<ѕсгір згс=' јаиегу.тобі1е-1.4.5.міп.ј5'></5сгірї»> 


_ІМІТ; 
геди1ге_опсе 'Ғипс&іопѕ.рһр'"; 
фиѕегѕі” = 'Ме1соте бие$*'; 


1+ (155е1($ 5Е55ІОМ[ 'иѕег'])) 
{ 
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$чзег = $ 5Е55ІОМ[ 'изег']; 
$10орредіп = ТВИЕ; 
$чзег$Ег = "Говреа іп аз: Физег"; 


е15е $1оррейіп = РАЁЗЕ; 


есһо <<<_МАТМ 
<{1{1е>Коб1п'$ № 5%: Физег$г< /{141е> 
</һеаа» 
<боау> 
<аіу дафа-го1е='разе' > 
<аіу дафа-го1е='Неадег' > 
<аіу 14='10о50' 
с1а55=' сепег'>К<іте 14='гоб1п' згс='гоБ1т. рі '>біп'ѕ М№Мѕї</аіу> 
<аіу с1а$$='изегпате ' >Физег$г</41\> 
</аім> 
<аіу дафа-го1е=' сопеп* ' > 


_МАТМ; 
1+ ($1оввед1т) 


есһо <<<_ГОСббЕОТМ 
<аіу с1а$$=' сеп*ег' > 
<а Чафа-го1е='Биоп" дафа-1п11пе='+гие' дафа-1соп=' поте" 
аа+а-+гапѕііоп="51іае" пге{='тетбег$ .рһр?уіем=$иѕег'>Ноте</а> 
<а дафа-го1е='Би{оп' ааёа-іп1іпе= 'Ёгие' 
Дафа-+гап$1{10п="$114е" һгеҒ= ' тетбегѕ.рһр' >Метбег$</а> 
<а ӣаёа-го1е= 'би++оп' дафа-1п11пе='+гие' 
афа-+гап$1410п="$114е" һгеҒ= ' Ғгіепаѕ.рһр'>Егіепаѕ</а> 
<а ӣаба-го1е= 'би++оп' дафа-1п11пе='+гие' 
Дафа-+гап$1{10п="$114е" һгеҒ='мтеѕѕареѕ.рһр'>Меѕѕареѕ</а> 
<а Яа+а-го1е= 'би++оп' дафа-1п11пе='+гие' 
ааёа-+гапѕіёіоп="51іае" һгеҒ='ргоҒі1е.рһр'>Еаі РгоғҒі1е</а> 
<а ӣаёа-го1е= 'би++оп' ааёа-іп1іпе= 'Ёгие' 
ааса-їгапѕіЄіоп="51іае" һгеғҒ= ' 10рои.рһр'›>іор оц*</а> 
</а1\> 


_ГОСбСЕБТМ; 
} 
е1ѕе 
{ 
есһо <<<_60ЕЅТ 
<аіу с1а$5=' сепфег' > 
<а аафа-го1е='БиФоп' дафа-1п11пе='%гие' дафа-1соп=' поме" 
Дафа-+гап$110п='$114е' һгеҒ= 'іпаех.рһр'>Ноте</а» 
<а дафа-го1е='Би{фоп' дафа-1п11пе='{гие' дафа-1соп='р1и$' 
Дафа-+гап$110п="$114е" һгеҒ= ' $1впир.рир' >51вп Ур</а> 
<а аафа-го1е='БиФоп' дафа-1п11пе='%гие' дафа-1соп=' сһеск' 
Дафа-+гап$1{10п="$114е" һгеҒ= '10ріп.рһр'>іов Тп</а> 
</аіу> 
<р с1аѕ5='іпҒо' > (Үои ши$ Бе 1орвеа іп о иѕе &һіѕ арр) </р> 


_бОЕ$Т; 
} 


?> 
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Файл ѕеѓир.рһр 


После создания двух включаемых файлов настала очередь настройки используемых 
ими МузОТГ-таблиц. Это делается с помощью кода из примера 27.3, ѕеёир.рһр, 
который следует набрать и загрузить в свой браузер до вызова любых других фай- 


лов. В противном случае будут получены многочисленные сообщения об ошибках 
МУу5ОГ. 


Создаваемые таблицы весьма лаконичны и имеют следующие имена и столбцы: 


О тетбегѕ — имя пользователя иѕег (проиндексированный столбец), пароль ра$$; 





О теѕѕавеѕ — идентификатор іа (проиндексированный столбец), автор аи&һ 
(проиндексированный столбец), адресат гес1р, тип сообщения рт, сообщение 
пеѕѕаре; 


О #гіепаѕ — имя пользователя иѕег (проиндексированный столбец), имя пользо- 
вателей-друзей Ғгіепа; 





О рго+і1еѕ — имя пользователя изег (проиндексированный столбец), АБоиї те 
(Обо мне) +ех*. 


Поскольку функция сгеафеТа 1е сначала проверяет факт существования таблицы, 
эта программа может быть безопасно вызвана несколько раз без выдачи сообщений 
об ошибках. 


Вполне возможно, что при принятии решения о расширении проекта вам понадо- 
бится добавить к этим таблицам множество дополнительных столбцов. После при- 
нятия такого решения для пересоздания таблицы может потребоваться МуЗОТ-- 
команда ОВОР ТАВІЕ. 


Пример 27.3. зе ир.рйр 


<1рОСТҮРЕ Нт1> 
<һЕм1> 
<һеаа> 
<{1{1е>Настройка базы данных</&і+1е» 
</һеаа> 
<Боду> 


<В3>5еЕ1т8 ир...</НЗ> // Настройка... 


<?рһр 
геди1ге_опсе 'Ғипсіопѕ.рһр'; 


сгеатеТаБ1е( 'шетбег$', 
"иѕег МАКСНАК (16), 
раѕѕ МАКСНАК (16), 
ТМОЕХ (изег(6))'); 


сгеаёеТаб1е('теѕѕавеѕ', 
"іа ІМТ ОМЅІСМЕ”Р АЧТО_ТМСКЕМЕМТ РКІМАКҮ КЕҮ, 
аоиёћ МАВСНАК (16), 
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гесір МАКСНАК (16), 

рт СНАВ(1), 

©іте ІМТ ОМЅІСМЕР, 
теѕѕаре МАКСНАК (4096), 
ІМОЕХ(аи&һ(6)), 

ТМОЕХ (гес1р(6))'); 


сгеа+еТаБ1е( 'Ғгіепӣѕ', 
"иѕег МАКСНАК (16), Ғгіепа МАКСНАК (16), 
ІМОЕХ(иѕе”(6)), 
ІМОЕХ(+гіепа(6))'); 


сгеа+еТаБ1е('ргоғҒі1еѕ', 
'изег МАКСНАК (16), +ехі МАКСНАК (4096), 
ТМОЕХ(ичзег(6))'); 
2> 


<Бг>...аопе. // ... завершена. 
</боау> 
</ћЕт1> 





Чтобы код примера 27.3 заработал, сначала нужно убедиться в том, что база 
данных, указанная в переменной $ӣбпате в примере 27.1, создана, а также 
в том, что пользователям с именем, заданным в $АБизег с паролем в $абраѕѕ, 
к ней предоставлен доступ. 














Файл таех.рИр 


Это очень простой, но тем не менее необходимый файл, без которого у проекта 
не будет главной страницы. Он всего лишь отображает приветствие. В настоящем 
приложении это может быть страница, сообщающая о достоинствах вашего сайта, 
подталкивающая посетителя к регистрации. 


Кстати, если все Му$501-таблицы вы уже настроили и включаемые файлы создали, 
то теперь вы можете загрузить файл примера 27.4, 1пдех.рНр, в свой браузер, чтобы 
получить первое представление о новом приложении. На экране должно появиться 
изображение, показанное на рис. 27.1. 


Пример 27.4. пдех.рпр 


<?рһр 
ѕеѕѕіоп_ѕ&агі(); 
геди1ге_опсе 'Неадег.рир’; 


есһо "<аіу с1а55='сепег'›Ме1соте +о Коб1п'$ М№еѕі, "; 

// Добро пожаловать в сообщество Робина 
$иѕег, уои аге 1орееа іп"; 

// Вы вошли в приложение 


1+ ($10рредіп) есһо 
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е15е есһо ' р1еазе ѕірп ир ог 105 іп'; 
// Пожалуйста, зарегистрируйтесь или войдите 


есһо <<<_ЕМО 
</аім><бг> 
</аім> 
<аіу дафа-го1е="Фоофег" > 
<ћ4>Меб Арр Ғгот <1>‹а һғгеҒ= ‘һр: //1ртј .пе/5һеаі+іоп' 
Тагреё=' Б1апк'>еагпіпе РНР Муѕ501 & Зауа$сг1рф Еа. 5</а»</1і»></һ4> 
</аіу> 
</боау> 
</ћЕт1> 
ЕМО; 
?> 


<? Аоыіп'є Месе Меісоте С х 


є сз |Ф Іосаіћоа</5ћ _ейфоп_ехатріес̧/горыпс̧песілпарх.рһр 


Кеблт'$ Меѕі 


Меісоте Сиеѕі 





Ө ат 


(Үои тиѕ Бе Іоддей іп ёо изе їһіѕ арр) 


М/е!соте їо КоЫп'ѕ №еѕї, реазе ѕідп ир ог 109 Іп 


Мер Арр їгот 2еггл/лпд РНР Му$ОЕ & Јауаѕсгірї ЕЯ. 5 


Рис. 27.1. Главная страница сайта 
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Файл ѕідпир.рһр 


Теперь нам нужен модуль, позволяющий пользователям присоединиться к новой 
сети. Это файл ѕівпир.рһр, который показан в примере 27.5. Получилась более 
длинная программа, но все ее части вам уже встречались. 


Начнем изучение с блока НТМТ, расположенного в конце программы. Это простая 
форма, позволяющая ввести имя пользователя и пароль. Но обратите внимание 
на использование пустого <ѕрап>-контейнера с атрибутом іа, имеющим значение 
іпғо. В этот контейнер будут помещены результаты асинхронного вызова, который 
имеется в программе и с помощью которого проверяется возможность применения 
того имени пользователя, которое вы хотите. Полное описание принципов работы 
этого вызова дано в главе 17. 


Проверка возможности применения 
желаемого имени пользователя 


Вернемся к началу программы, где имеется блок кода ЈауаЅсгіріё, начинающийся 
с функции сһескуѕег. Эта функция вызывается событием ЈауаЅсгірё опВТиг, воз- 
никающим при перемещении фокуса за пределы принадлежащего форме поля 
изегпате. Сначала эта функция вставляет в упоминавшийся ранее <ѕрап>-контейнер 
(у него 14 имеет значение іп#о) пустую строку, которая очищает этот контейнер, 
если он уже имел какое-нибудь содержимое. 


Затем делается запрос к программе сһескег.рһр, которая сообщает о возможности 
применения имени пользователя иѕег. После этого возвращенный асинхронным 
вызовом результат — приветственное сообщение — помещается в <5рап>-контейнер 
с идентификатором 1п+о. 


За блоком ЈауаЅсгірё следует РНР-код, известный по разделу главы 16, в кото- 
ром рассматривалась проверка данных формы. Этот блок кода также задействует 
функцию 5ап1+17е5+г1пв, чтобы удалить потенциально вредные символы перед 
поиском имени пользователя в базе данных, и, если такое имя еще никем не за- 
действовано, он вставляет новое имя пользователя $изег и пароль $раз$ в таблицу 
базы данных. 


Регистрация 


После успешной регистрации пользователю предлагается войти на сайт. Более гиб- 
кой реакцией на появление нового пользователя мог бы стать автоматический вход 
на сайт, но я не захотел излишне усложнять код и оставил модули регистрации 
и входа не связанными друг с другом. Я уверен, что при желании вы сможете и сами 
без особого труда реализовать подобную функцию. 
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В коде примера 27.5 используется С$85-класс #1е19пате, предназначенный для 
приведения в порядок полей формы и их точного выравнивания друг под дру- 
гом в столбцах. При загрузке в браузер (вместе с приведенным далее файлом 
сһескиѕег.рһр) эта программа отобразит информацию, показанную на рис. 27.2, 
из которой видно, ЧТО асинхронный вызов помог определить доступность имени 
Вот для использования. Если нужно, чтобы в поле пароля показывались только 
звездочки, измените тип этого поля с ехі на раѕѕмога. 


ВоБіпі іх 


©? Коыіп'ѕ Мест: Меісоте С ж 


с га; © Іосапоѕ1/51ћ еаїїоп_ехатріеѕ/горіпѕпеѕт/ѕідпир.рһр 


Вебтт'$ Меѕі 





Ө ноте © зіп Ур © тов т 


(Үои тизЕ Бе Іоддеа іп ёо иѕе 5 арр) 


РІеаѕе епѓег уоиг дека! Ёо ѕідп ир 


О5егпате Вобп 


У Тһе иѕегпате 'ВоБт' 15 ауайаЫе 





Рассуога тураззм/ога 








Рис. 27.2. Страница регистрации 
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Пример 27.5. ѕідпир.рһр 


<?рһр 
геди1ге_опсе 'һеайег.рһр'; 


есһо <<<_ЕМО 


<ѕсгірї» 
Ғипсёіоп сһескОѕег(иѕег) 
{ 
1+ (изег.уа1ие == '') 


$С'‘#изеа').НЕш1 ( '&п65зр;') 
гефигп 


} 


$. роз 

( 
'спескизег.рир', 
{ чзег : изег.уаше }, 
ФипсЕ1оп (дата) 


$('Низеа’').Ит1 (4афа) 
} 
) 
} 
</5сг1ре> 
ЕМО; 


$еггог = $иѕег = $раѕ5 = ""; 
1+ (155е1($ 5Е55ІОМ№[ 'иѕе”'])) деѕ+гоуѕеѕѕіоп(); 


іҒ (155е(% РОЅТ[ 'иѕег'])) 

{ 
$чзег = ѕапібіғеѕігіпе ($ РОЅТ[ 'иѕег']); 
$раз5 = ѕапібіғеѕігіпе ($ РОЅТ['раѕ5']); 


14 ($иѕег == "" || $раѕѕ == "") 

$еггог = 'М№+ а11 +1е14$ меге епфегед<6г><6г>'; 
е1ѕе 
{ 


$геѕи1+ = адчегуМу$а1("5ЕЁТЕСТ * ЕВОМ тетрегѕ МНЕКЕ чзег='$изег'"); 


1+ (Фгеѕи1+->пит гомѕ) 
$еггог = 'ТНаф иѕегпате а1геайу ехіѕїѕ<бг><Ьг» '; 

е15е 

{ 
диегумуѕд1("ІМЅЕКТ ТМТО тетбегѕ МАЈЕ ('$Физег', '$раѕѕ5')"); 
аіе('<һ4>Ассоип сгеаёеа</һ4>Р1Іеаѕе 1ор іп. </аім></боау></һ&т1>'); 

} 

7 
} 


есһо <<<_ЕМО 
<Ғогт теһоа='роѕї' асбіоп= ' $1впир.рйр' >Феггог 
<аіу да+а-го1е= ' Ғіе1асопёаіп' > 
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<1Іабе1></1абе1> 
Р1еаѕе епфег уоиг 4ефа11$ Фо ѕівп ир 
</аіу> 
<аіу дафа-го1е=" Ғіе1асоп+аіп'> 
<1ађе1>0ѕегпаме</1абре1> 
<іпри +уре='ехі' тахІепеһ='16' пате='изег' уа1ие='$изег' 
опВ1иг= ' сһескОѕег(&һћіѕ)' > 
<1абе1></1абе1><аіу 14='и5еа" >&пЬѕр; </аіу> 
</аіу> 
<аіу дафа-го1е=" +1е1асоп*а1пт' > 
<1аБе1>Ра$$мога< /1аБе1> 
<іпри+ +уре='ехі' тах1еп8И='16' пате='ра$$' уа1ие='$ра$$'> 
</аіу> 
<аіу дафа-го1е=" Ғіе1асоп+аіп'> 
<Іабе1></1абе1> 
<іприї дафа-%гап$1%1о0п='$114е' +уре= 'ѕибртії' уа1ие='$1еп Ур'> 
</аіу> 
</аім> 
</боау> 
</ћЕт1> 
ЕМО; 
?> 








При использовании рабочего сервера я не рекомендую сохранять пользователь- 
ские пароли так, как это сделано с целью экономии места и упрощения кода 
в данном проекте, то есть в открытом виде. К паролям нужно подмешивать 
произвольные строки и хранить их в виде хеш-строк, получаемых с помощью 
односторонних функций. Более подробно этот процесс рассмотрен в главе 12. 














Файл сһескиѕег.рһр 


Файл сһескиѕег.рһр, показанный в примере 27.6, предназначен для работы с фай- 
лом ѕірпир.рһр. В нем содержится программа, осуществляющая поиск имени поль- 
зователя в базе данных и возвращающая строку, которая свидетельствует о том, 
что такое имя уже было кем-то использовано. Поскольку работа этой программы 
зависит от функций ѕапіёіхеѕігіпр и аиегумуѕд1, в нее в самом начале включается 
файл Ғипсёіопѕ.рһр 


Если переменная, являющаяся элементом массива $_РО$Т, который имеет ключ 
'и5ег', хранит какое-нибудь значение, то функция ищет его в базе данных. В зави- 
симости от того, используется такое значение в качестве имени пользователя или 
нет, функция выводит либо строку 5оггу, а1геаду акеп («К сожалению, имя за- 
нято»), либо строку Оѕегпате ауа11аб1е («Это имя доступно»). Для решения данной 
задачи достаточно проверить значение, возвращенное функцией му$а1_пит_гом$. 
Если будет возвращен нуль, значит такое имя не найдено, а если единица, то запись 
с таким именем уже существует. 
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Для установки перед строкой либо крестика, либо флажка используются НТМТ- 
элементы &#х2718; и &#х2714;, а строка будет отображаться либо красным цветом 
для класса +аКеп, либо зеленым цветом для класса ауаі1ар1е, что определено 
в файле з%у1ез.с$$, показанном далее в этой главе. 


Пример 27.6. сһескиѕегрһр 


<?рһр 
гедчіге опсе 'Ғипстіопѕ.рһр'; 


1+ (155е1($ РОЅТ[ 'изег' ])) 


{ 
$чзег = ѕапібіғеѕігіпе ($ РОЅТ[ 'изег']); 
$гези1* = диегумМуѕд1("ЅЕГЕСТ * ЕКОМ тетрегѕ МНЕВЕ изег='$изег'"); 
1+ (Фгеѕи1+->пит гомѕ) 
есһо "<ѕрап с1аѕ5='+акеп'>&пЫЬѕр; &#х2718; " 
"Тһе иѕегпате '$изег' 15 +акеп</ѕрап>"; 
// Имя занято 
е1ѕе 
есһо "<ѕрап с1аѕ5='ауаі1аБ1е'>&пЫѕр; &#х2714; " 
"Тһе иѕегпате '$изег' 15 амаі1ар1е</ѕрап»"; 
// Имя доступно 
} 
2> 


Файл Іодіп.рһћр 


После того как пользователи получили возможность регистрироваться на сайте, 
в файле 1оріп.рһр, показанном в примере 27.7, предоставляется код, который 
необходим для входа на сайт. Страница, выводимая этим кодом, как и страница 
регистрации, похожа на обычную НТМІ.-форму, имеет простую проверку на от- 
сутствие ошибок, а также использует функцию ѕапібігеѕёгіпв перед отправкой 
запроса к базе данных МуЅ0О]І. 


Стоит обратить особое внимание на присваивание в случае успешной проверки 
переменным сессии (элементам массива с ключами изег и раѕѕ) значений имени 
пользователя и пароля. На период активности текущей сессии эти переменные бу- 
дут доступны всем программам проекта, позволяя им автоматически предоставлять 
доступ вошедшим на сайт пользователям. 


Возможно, у вас возникнет вопрос, почему в случае успешного входа на сайт 
используется функция ӣіе. Это сделано из соображений экономии, поскольку 
данная команда объединяет в себе сразу две команды: есһо и ехії. Для стилевого 
оформления этого файла (как и большинства других) применяется класс таіп, по- 
зволяющий задать отступ содержимого от левого края. 
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Если вызвать эту программу в браузере, появится изображение (рис. 27.3). Обратите 
внимание на то, как для маскировки пароля звездочками тегу <іприї> был присвоен 
тип раѕѕмога, чтобы никто из заглядывающих пользователю через плечо не смог 
его увидеть. 


Пример 27.7. Іодіп.рһр 

<?рһр 
геди1ге_опсе 'һеадег.рһр'; 
$еггог = $иѕег = $раз$ = ""; 


1+ (155е1(% РОЅТ[ 'иѕег'])) 

{ 
$иѕег = ѕапібіғеѕёгіпе(% РОЅТ[ 'иѕег']); 
$раѕ5 = ѕапібіғеѕёгіпе(% РОЅТ['раѕ5']); 


1+ (Физег == "" || $раз$ == "") 

$еггог = '№Ё а11 +1е145 меге епфегеа'; 
е1ѕе 
{ 


$гези1* = дчегумуѕоі ("ЅЕГЕСТ иѕег,раѕѕ ЕКОМ тетбегѕ 
МНЕКЕ изег='$Физег' АМО раѕѕ='$раѕ5'"); 


1+ (Фгеѕи1->пит гомѕ5 == 0) 
{ 
$еггог = "Тпуа114 1оріп аетр*"; 
} 
е15е 


$ 5Е55ІОМ[ 'иѕег'] = $иѕег; 

$ 5Е55ІОМ№[ 'раѕ5'] = $раз$; 

аіе("Үои аге пом 1орреа іп. Р1еаѕе <а дафа-{гап$11оп=' $114е' 
ћге+#= ' тетрегѕ .рһр?уіем=%иѕег'>с1іск Неге</а> Фо сопёіпие. </дім> 
</боау></һ&т1»>"); 

} 
} 
} 


есһо <<<_ЕМО 
<Ғогт теёһоа= 'роѕ&' асёіоп= '1оріп.рһр'> 
<аіу ааёа-го1е= 'Ғіе1асоп+аіп' > 
<1абе1></1абе1> 
<ѕрап с1а$5='еггог' >Феггог< / зрап> 
</аіу> 
<аіу ааёа-го1е= 'Ғіе1асоп+аіп' > 
<1абе1></1абе1> 
Р1еаѕе епфег уоиг 4ефа11$ То 105 іп 
</аіу> 
<аіу ааа-го1е= 'Ғіе1асоп+аіп' > 
<1абе1>0ѕегпате</1абе1> 
<1приЕ +уре= '+ехї' тах1епрёһ='16' паме='изег' уа1ие='$изег' > 
</аіу> 
<аіу ааёа-го1е= 'Ғіе1асоп+аіп' > 
<1абе1>Раѕѕмога</1ађре1> 
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<іпри+ +уре='раѕѕмога' тах1епеһ='16' пате='раѕ5' \уа1ие='$ра$$'> 


</аім> 
<аӢіу ааа-го1е= 'Ғіе1асопёаіп'> 
<1абе1></1абе1> 
<іприї дафа-%гап$1%10п='5$114е' +уре='ѕибртії' уа1ие='[о81т' > 
</аіу> 
</Ғогт> 
</а1\> 
</боау> 
</ћЕт1> 
_ЕМО; 
?> 


БобіпіМіхог 


©? Коыіп'ѕ Мест: Меісоте С х 


< > С б | Ф 1осапоѕиуѕтћ еаїіоп ехатріеѕ/тобіпѕпеѕі/1одіп.рћр 


К.еБіп 


Меісоте Сие 
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РІеаѕе епѓег уоиг дека! ёо Іод іп 


Осегпате боып 


Разз\мога пенен 








Рис. 27.3. Страница входа на сайт 
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Файл ргоНе.рИр 


После регистрации и входа на сайт у новых пользователей может появиться же- 
лание создать профиль. Это можно будет сделать с помощью файла рго+11е.рйр, 
код которого показан в примере 27.8. Я думаю, в этом коде можно найти несколько 
интересных для вас фрагментов, к которым относятся функции загрузки изобра- 
жений на сайт, изменения их размера и четкости. 


Для начала рассмотрим НТМГ-код, который находится в конце этого файла. 
Он похож на формы, которые вы только что видели, но на этот раз в форме ис- 
пользуется параметр епсфуре= ' ти1&ірагё/ Ғогт-а+а'. Он позволяет одновременно 
отправлять более одного типа данных, разрешая отправку на сайт изображений 
вместе с текстом. В форме также есть элемент <1при*> типа #11е, с помощью ко- 
торого создается кнопка просмотра. Нажав ее, пользователь может выбрать файл 
для загрузки на сайт. 


При отправке данных формы выполняется код, который находится в начале про- 
граммы. Перед тем как разрешить выполнение программы, этот код проверяет, 
вошел ли пользователь на сайт. И только после этого отображается заголовок 
страницы. 








В главе 22 уже говорилось, что по причине использования в библиотеке јОиегу 
Мое функции асинхронного обмена данными выкладывать файл на сайт из 
кода НТМІ при использовании этой функции не представляется возможным, 
пока она не будет отключена путем добавления в элемент <ѓогт> атрибута 
даѓа-ајах=?а[ѕе'. Тем самым выкладка файлов из кода НТМІ будет проходить 
нормально, но при этом будет утрачена возможность выполнения анимации 
смены страницы. 








Добавление текста в поле Абощ Ме (Обо мне) 


Работа продолжается проверкой $_РО$Т-переменной +ех+ для определения факта 
отправки текста программе. Если текст отправлен, из него удаляются потенци- 
ально вредные фрагменты, а все длинные последовательности пробелов (а также 
символы возврата каретки и перевода строки) заменяются одним пробелом. В эту 
функцию включена двойная проверка безопасности, гарантирующая, что пользова- 
тель с таким именем действительно существует в базе данных и что перед вставкой 
этого текста в базу данных, где он превратится в сведения о пользователе в поле 
Абоиї Ме (Обо мне), не сможет пройти никакая атака со стороны взломщика. 


Если текст не отправлен, делается запрос к базе данных на обнаружение уже суще- 
ствующего текста, чтобы заранее заполнить текстовое окно, тем самым позволяя 
пользователю отредактировать текст. 
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Добавление изображения профиля 


Теперь перейдем к разделу, проверяющему системную переменную $_ЕТЕЕЗ на 
наличие загруженного на сайт изображения. Если изображение было загружено, 
создается строковая переменная $5ауето. Ей присваивается значение, состоящее 
из имени пользователя и расширения ]РС. Например, для пользователя с именем 
7111 переменной $5а\уето будет присвоено значение 7111 .3рр. Это имя файла, в ко- 
тором будет сохранено загруженное изображение, предназначенное для вывода 
в профиле пользователя. 


Сразу за этим проверяется тип загруженного изображения, которое принимается 
только в том случае, если имеет ЈРЕС-, РМС- или СТЕ-формат. Если тип загру- 
женного изображения не относится к разрешенным, флажок $+уреок принимает 
значение „рАЕЗЕ, что препятствует выполнению последнего блока кода загрузки изо- 
бражения. Но если изображение принимается, загруженное изображение присваи- 
вается переменной $5гс. Для этого используется одна из функций ітаресгеа+е#гоп, 
соответствующая типу загруженного изображения. Теперь изображение находится 
в том формате, который может быть обработан средствами РНР. 


Обработка изображения 


Сначала в переменных $м и $Н сохраняются размеры изображения, для чего ис- 
пользуется следующая инструкция, представляющая собой быстрый способ при- 
сваивания значений из массива отдельным переменным: 


115Е($м, $һ) = ве{1таве$1те($5ауефо); 


Затем с использованием значения переменной $тах (оно равно 100) вычисляются 
новые размеры, которые приведут к созданию нового изображения с таким же со- 
отношением сторон, но с размерами, не превышающими 100 пикселов. В результате 
этого переменным $4 и $һ присваиваются новые значения. При желании полу- 
чить миниатюры меньшего или большего размера нужно просто соответствующим 
образом изменить значение переменной $тах. 


После этого вызывается функция 1тавесгеае{гиесо1ог, которая создает новую 
пустую картинку шириной $+&м и высотой $41 и сохраняет ее в переменной $4пр. 
Затем вызывается функция 1таресоругезатр1еа, которая изменяет размер изобра- 
жения, сохраненного в переменной $5гс, на тот, который хранится в новой пере- 
менной $+тр. Иногда изменение размера изображения может привести к небольшой 
потере резкости получаемой копии, поэтому в следующем фрагменте кода исполь- 
зуется функция 1таресопуо1 и 1оп, слегка повышающая резкость изображения. 


И наконец, изображение сохраняется как ЈРЕС-файл в том месте, которое опре- 
делено значением переменной $5ауето, после чего оба изображения — исход- 
ное и пустое, имеющее измененные размеры, — удаляются из памяти функцией 
1таведе${гоу, возвращая системе занятую под них память. 
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Отображение текущего профиля 


И последнюю, но не менее важную задачу выполняет функция $ПомРго+11е из 
файла Ғипсёіопѕ.рһр, которая позволяет пользователю посмотреть, как выглядит 
текущий профиль перед его редактированием. Эта функция вызывается до ото- 
бражения формы НТМІ. Если профиля еще нет, ничего отображаться не будет. 


При выводе изображения профиля с помощью С$$ создаются граница, тень и поле 
справа, чтобы отделить текст профиля от изображения. Результат загрузки в бра- 
узер файла, код которого содержится в примере 27.8, показан на рис. 27.4. На этом 
рисунке можно увидеть, что текстовое поле было заранее заполнено текстом Абоиї 
те (Обо мне). 


Пример 27.8. ргоНе.рНр 


<?рһр 
геди1ге_опсе 'һеадег.рһр'; 


1+ (!$1оввед1т) аіе("</аім></боау></һ&т1»"); 
есһо "<һЗ>Үоиг Ргоғі1е</һ3>"; 
$геѕи1+ = ацчегуМуза1("5ЕТЕСТ * ЕКОМ ргоҒі1еѕ МНЕВЕ иѕег= 'фиѕег'"); 


1+ (155е1($ РОЅТ[ 'ехё'])) 


{ 
$ЕехЕ = зап1{17е5%г1п8($_РОЗТ[  '+ех*']); 
$ЕехЕ = ргеё_гер1асе(' /\$\$+/', '', $%ехЕ); 
1+ ($гези1*->пит_гом$ ) 
дчегуМу$а1 ("ОРВАТЕ рго+11ез ЅЕТ бехі='$+ехі' мһеге изег='$изег'"); 
е15е диегумуѕ91( "ІМЅЕКТ ІМТО рго+11ез МАЈЕ ('фиѕег', '$%ехе')"); 
} 
е15е 
1+ ($гези1*->пит_гом$ ) 
{ 
$гом = $гези1{ ->+ефсИи_аггау (МУЗОЕТ_А$$0С); 
$ЕехЕ = ѕ1гірѕ1аѕһеѕ ($гош[ '©ехі']); 
} 
е15е $%ехЕ = ""; 
} 


$ЕехЕ = ѕ1гірѕ1аѕһеѕ (ргеє_ гер1асе(' /\5\5+/', ' ', $ехЕ)); 


1+ (155е1($ РІГЕЅ['ітаре' ]['паме'])) 

{ 
$замеко = "$изег. ре"; 
то\е_ир1оадеа_+11е($_ЕТЕЕ$[ '1таре' ] [ 'Етр_паме'], $за\уефо); 
$Фуреок = ТКОЕ; 


м1 си ($ РІГЕЅ[ 'ітаре']['©уре']) 
{ 
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} 


саѕе "1таре/21+": $ѕгс = ітаресгеаёеҒготрі+($ѕауе+о); Бгеак; 


саѕе "ітаре/јрев": // как для обычного, так 
// и для програссивного јрев-формата 


саѕе "ітаве/рјрев": $5гс = 1тавесгеаеготуреё($зауефо); Бгеак; 
саѕе "1таре/рп8": $ѕгс = ітаресгеаёеҒготрпе ($ѕауе+о); Бгеак; 


аеҒаи1+: $ёуреок = РАЁЗЕ; бгеак; 


1+ ($+уреок) 
{ 


} 
} 


115{($м, $И) = ве{1таве$17е($5ауефо); 


$тах = 100; 
$Ем = $м; 
ФЕН = $1; 


1+ ($м > $1 && Фтах < $м) 
{ 
$+һ 
$Ем 


фтах / $м * $1; 
$тах; 


} 
е15еіғ ($! > $м && $тах < $1) 


{ 
$Ем = Фтах / $! * $м; 
$ЕВ = $иах; 

е15е1+ (Фтах < $м) 

{ 
Фм = ФЕВ = $тах; 

} 


$Етр = 1мавесгеаее{гиесо1ог($4м, $41); 


1паресоругезатр1еа ($4тр, $5гс, 6, 6, 6, 0, $їм, $+һ, Фм, $1); 


1паресопуо1и{1оп($%Етр, аггау(аггау(-1, -1, -1), 
аггау(-1, 16, -1), аггау(-1, -1, -1)), 8, Ө); 

1паре)уреё($Етр, $ѕаме+о); 

1пареде$гоу ($тр); 

1паредез$гоу ($$гс); 


ѕһомРгоғі1е($иѕег); 


есһо <<<_ЕМО 


<фогт аа+а-ајах='Ға15е' теёһоа= 'роѕі' 
асЕ1оп= 'рго+11е.рпр' епс+уре= ' ти1+ірагі/Ғогт-аа+а' > 


<ВЗ>Епфег ог еаії уоиг дефа11$ апа/ог ир1оаа ап ітаре</һ3> 


<+ехіагеа пате= ' ехі ' >$ехі< /+ехёагеа><Ьг> 

Ітаре: <іприё фуре='+111е' пате='ітаре' 512е='14'> 
<іприї +уре= 'ѕибртії' уа1ие='Ѕауе РгоғҒі1е'> 
</Ғогт> 


</аім»><бг> 
</боау> 
</ћЕт1> 


_ЕМО; 
?> 


Файл тетбегѕ.рһр 737 





К? Кобіп'ѕ Мех: 1оддеа т. х \\ 


Є С (у | Фссапови5 п еатоп ехатріеѕ/гобпѕпеѕі/ргоћіе,рћр 


КВебтт'$ Меѕі 


Годдеа т аз: ВоБт 





© ноте ©) Метьегз С) ғпепаѕ 
(©) Меззадез Ф Бай Ргоме (© іодош 


Үоиг Рго йе 


Ні, Гм Вобт. М/есоте ёо ту 'пезЁ. 


Епїѓег ог еаії уоиг ае{фа!5 апа/ог иріоаа ап ітаде 


Ні, Гт Ко. \Ме!соте (о ту ‘пев. 


Гтаде: 
Сһооѕе Ее | № Ме сһоѕеп 
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Рис. 27.4. Редактирование профиля пользователя 


Файл тетбегѕ.рһћр 


С помощью файла тетбегѕ .рһр, код которого показан в примере 27.9, пользователи 
сайта смогут найти других участников сети и добавить их в список своих друзей 
(или удалить их оттуда, если они уже числились друзьями). У этой программы есть 
два режима: первый выдает список всех участников и их отношений к вам, а второй 
показывает пользовательские профили. 
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Просмотр профилей пользователей 


Сначала следует код для последнего режима, где проверяется переменная уіем, 
извлеченная из массива $ СЕТ. Если она существует, значит пользователь хочет 
просмотреть чей-то профиль, поэтому программа задействует функцию ѕһомРго#і1е, 
а также предоставляет две ссылки для друзей и сообщений пользователей. 


Добавление и удаление друзей 


Затем проверяются две $_бЕТ-переменные ааа и гетоуе. Если в одной и в другой 
имеются значения, то это будет имя того пользователя, которого нужно либо до- 
бавить в список друзей, либо удалить из него. Для этого выполняется поиск записи 
пользователя в МуЗОТ-таблице #гіепаѕ с последующей вставкой имени пользо- 
вателя в таблицу или удалением его из этой таблицы. 


Разумеется, каждая отправленная переменная сначала проходит обезвреживающую 
обработку, осуществляемую функцией ѕапіёігеѕігіпе, которая призвана обеспе- 
чить ее безопасное использование в МуЅО]І. 


Вывод списка всех участников 


В последнем блоке кода выдается ЗОТ.-запрос на вывод списка всех имен поль- 
зователей. Перед выводом заголовка страницы количество возвращенных имен 
присваивается переменной $пим. 


Затем с помощью цикла +ог осуществляется последовательный перебор всех участ- 
ников с извлечением сведений о них и дальнейшим поиском их в таблице +г1епд$. 
В процессе поиска определяется, проявляют ли они интерес к дружбе с пользова- 
телем или проявляет ли пользователь свой интерес к дружбе с ними. 


Если обнаруживается взаимный интерес, такие участники классифицируются как 
взаимные друзья. 


Переменная $61 имеет ненулевое значение в том случае, когда пользователь про- 
явил интерес к дружбе с другим участником, а переменная $62 имеет ненулевое 
значение, когда другой участник заинтересовался дружбой с пользователем. В за- 
висимости от значений этих переменных текст, отображаемый после каждого име- 
ни пользователя, показывает степень взаимоотношений его владельца с текущим 
пользователем, если таковые имеются. 


Кроме того, для отображения взаимоотношений используются соответствующие 
значки. Двунаправленная стрелка означает, что пользователи являются взаимными 
друзьями. Стрелка влево показывает, что пользователь проявил интерес к дружбе 
с другим участником. Стрелка вправо показывает, что дружбой с пользователем 
заинтересовался другой участник. 
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И наконец, в зависимости от заинтересованности пользователя в дружбе с другим 
участником ему предоставляется ссылка для добавления этого участника в список 
друзей или для удаления его оттуда. 


При вызове в браузере программы из примера 27.9 будет выведена страница, по- 
казанная на рис. 27.5. Обратите внимание на то, как пользователю предлагается 
заинтересоваться дружбой с тем участником, к которому еще не проявлен интерес 
(Ғо11ои), но, если участник уже проявил интерес к дружбе с пользователем, напротив 
его имени появляется ссылка геар (Ответить), позволяющая ответить ему взаим- 
ностью. Если пользователь уже заинтересовался дружбой с другим участником, он 
может выбрать ссылку афгор (Отклонить) для удаления этой заинтересованности. 


©? РоЫп'$ Мест: 1099еа іп: х \\ \ 


< С Т | ФО 1осапоѕуу5тћ еаїіоп ехатріеѕ/гоБіпѕпеѕу/тетбегѕ.рһр?ада=Магіп 


Кебтт'$ Меѕі 


Годдеа іп аѕ: Кобіп 





© ноте ©) метЬегѕ О Епепаз 
©) Меѕѕзадез Ф ЕЧИРЮШе (@ 1одош 


Опег Метрегѕ 


АІех < іѕ а тиа! ѓгіепа [Ягор] 
Егеа [ғоПом] 

Мага [оом] 

Маг ‹– уои аге ГоЙйомипд [Ягор] 
Магу [оом] 

Ѕапагар — 15 Го|ом/пд уои [гесір] 
Тгемог [ғоПомг] 





Рис. 27.5. Использование модуля участников 
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Пример 27.9. тетбегѕ.рһр 


<?рһр 
геди1ге_опсе 'Неадег.рир’; 


1+ (1$1орвеа1т) аіе("</аім><‹/Боду></һёт1»>"); 
1+ (155е1($ СЕТ[ 'уіем'])) 
$уіем = ѕапібіғеѕігіпе ($ СЕТ [ 'міем']); 


1+ ($уіем == $изег) Фпате = "Уоиг"; 
е1ѕе $пате = "$\у1ем' 5"; 


есһо "<һЗ>$пате РгоғҒі1е</һ3»>"; 
$НомРго+11е ($\1ем); 
есһо "<а с1аѕ5='риёоп' Яаћа-+ғгапѕітіоп= '511ае' 
һге+= ' теѕѕареѕ.рһр?уіем=$уіем'>Міем пате теѕѕареѕ</а»"; 
аіе("</аіу></боау></һ&т1»"); 
} 


1+ (155е1($ СЕТ[ 'ада'])) 
$ада = ѕапііғеѕігіпе ($ СЕТ[ 'ааа']); 


$геѕи1+ = аиегумуѕа1("ЅЕГЕСТ * ЕКОМ Ғгіепаӣѕ 
ИНЕВЕ иѕег='$ааа' АМО #Ғгіепа= 'фиѕег'"); 
1+ (! $геѕи1+->пит гомѕ) 
дчегуМу$41 ("ТМЗЕВТ ІМТО +г1епа$ МАГЈЕЅ ('$ааа', '$изег')"); 


е15еіғ (155е4($ СЕТ['гетоме'])) 


{ 


$гетоме = ѕапіігеѕгіпр($ СЕТ[ 'гетоме']); 
дачегумуѕ91( "ОРЕГЕТЕ ЕКОМ Ғгіепаѕ МНЕКЕ изег='$гетоуе' АМО Ғгіепа= '$иѕег'"); 


$гези1 = диегумуѕд1("ЅЕГЕСТ изег ЕКОМ тетрегѕ ОВОЕВ ВУ иѕег"); 
$пим = $гези1*->пим_гом$ у 


есһо "<ҺЗ»>Оёһег Метбег$</Н3>‹и1>"; 
Фог ($] = Ө ; $] < Фпит ; ++$3) 


$гом = $гези1{ ->{ефсИи_аггау (МУЗОЕТ_А$$0С); 

1+ (Фгом['изег'] == $Физег) сопЕ1пие; 

есһо "<11>‹а дафа-%гап$1%1оп='5114е' пге+='тетбег$ .рир?у1ем=" 
$гом[ 'изег'] . "'>" . $гом['изег'] . "</а>"; 

$Ғо110ом = "Ғо110м"; 


$геѕи1+1 = диеғумМуѕ91("ЅЕГЕСТ * ЕКОМ Ғгіепаѕ МНЕКЕ 


изег='" . $гом['изег'] . "' АМ #Ғгіепа='$иѕег'"); 
$1 = $ге5и141->пит_гом$; 
$геѕи1+1 = дчегуМу$а1 ("ЗЕЁТЕСТ * ЕКОМ Ғгіепаѕ МНЕКЕ 
иѕег='фиѕег' АМ Ғгіепа='" . $гом['изег'] . "'"); 
$2 = $ге5и141->пит_гом$; 


1+ (($41 + $2) > 1) есһо " &Пагг; 15 а мифча1 #Ғгіепа"; 
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е15е1+ ($11) есһо " &1агг; уои аге Ғо110оміпе"; 
е15еіғ ($12) { есһо " &гагг; 1$ Ғо110оміпв уои"; 
$+о11ом = "гес1р"; } 


1+ (1$41) есһо " [<а дӢа+а-+ғгапѕі+іоп= '511іае' 


һге+='тетрегѕ.рһр?ааа=" . $гом['изег'] . "' ›$+0110м</а>]"; 
е15е есһо " [<а Чдафа-{гап$11оп=' $114е' 
ћһге+=' тетрегѕ .рһр?гетоуе=" . $гом['изег'] . "'>агор</а>]"; 
} 
?> 
</01></аіу> 
</боау> 
</ћЕт1> 








На рабочем сервере могут быть тысячи или даже сотни тысяч пользователей, 
поэтому, скорее всего, возникнет потребность в существенной модификации этой 
программы, чтобы включить поддержку поиска в тексте АБоц{ те (Обо мне), под- 
держку разбиения выводимой информации на страницы и т. д. 








Файл ігіепаѕ.рһр 


Код модуля #гіепаӣѕ. рһр, показывающий друзей пользователя наряду со степенью 
проявления интереса к дружбе, приведен в примере 27.10. Этот код выполняет 
исследование таблицы #гіепаӣѕ, похожее на исследование, которое проводится 
в программе метбег$ .рһр, но применительно к одному пользователю. Затем этот 
модуль показывает всех друзей пользователя и проявляющих интерес к дружбе, 
а также тех участников, к дружбе с которыми пользователь сам проявляет ин- 
терес. 


Все люди, проявляющие интерес к дружбе, сохраняются в массиве с именем 
$Ғо11омегѕ, а все люди, к дружбе с которыми проявляется интерес, сохраняются 
в массиве с именем $+011ом1 пр. Затем для извлечения всех людей, которые про- 
являют интерес к дружбе и к которым проявлен взаимный интерес, применяется 
следующий весьма лаконичный фрагмент кода: 


$тифиа1 = аггау іпёегѕес+(ФҒо11омегѕ, ФҒо110оміпр); 


Функция аггау іпёегѕесі извлекает всех участников, являющихся общими для 
обоих массивов, и возвращает новый массив, который содержит только этих людей. 
Затем этот массив сохраняется в переменной $тиёџа1. Теперь можно воспользовать- 
ся функцией аггау аіғҒ для каждого из массивов $#о11омегѕ и ф#о110міпе, чтобы 
в них содержались только те люди, которые не являются взаимными друзьями: 


$Ғо110омегѕ = аггау аіғе(Ф+о11омегѕ, фтиёџа1); 
$Ғо11оміпв = аггау аіғе(Ф+о11оміпе, фтиёџа1); 


В результате этого в массиве $тифиа1 будут содержаться только взаимные друзья, 
в массиве $#о11омегѕ — только люди, проявляющие интерес к дружбе (без взаимных 
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друзей), а в массиве Ф#о11оміпе — только люди, к дружбе с которыми проявляется 
интерес (также без взаимных друзей). 


При наличии этих массивов упрощается решение задачи отдельного отображения 
каждой категории участников. Результат этого решения показан на рис. 27.6. Функ- 
ция РНР $12е0+ возвращает количество элементов в массиве. Здесь я использую ее 
только для вызова кода, когда размер массива не является нулевым (то есть друзья 
данного типа существуют). 


Б ТЕ) 
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Рис. 27.6. Отображение друзей пользователя и заинтересованности во взаимной дружбе 
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Обратите внимание на то, как с помощью переменных $пате1, фпате2 и фпатез в со- 
ответствующих местах код может сообщить о том, что вы (пользователь) смотрите 
собственный список друзей, используя слова Уоиг (Ваши) и Үоџ аге (Вы), вместо того 
чтобы просто отобразить имя пользователя. 


Если хотите вывести на экран информацию о профиле пользователя, можно убрать 
символы комментария из закомментированной строки кода. 


Пример 27.10. їгіепаѕ.рһћр 


<?рһр 
геди1ге_опсе 'һеадег.рһр'; 


1+ (!$1оввед1т) аіе("</аім></боау></һ&т1»"); 


1+ (155е1($ СЕТ['уіем'])) $у1ем = ѕапіёігеѕёгіпе($ СЕТ[ 'уіем']); 


е1ѕе $\1ем = Фиѕег; 
1+ ($\1ем == $изег) 
{ 
$пате1 = фпате2 = "Үоиг"; 
фпатез = "Үои аге"; 
} 
е1ѕе 
{ 
фпате1 = "<а дафа-%гап$1{10п=' $114е' 
ћге+#= ' тетрегѕ . рһр?міем=$уіем' >$у1ем</а>' 5"; 
фпате2 = "$у1ем' 5"; 
$патез = "$у1ем 15"; 
} 


// Снимите комментарий со следующей строки кода, 
// если хотите, чтобы здесь был показан профиль пользователя 
// ѕһомРгоғі1е(%уіем); 


$Ғо110омегѕ = аггау(); 
$Ғо11оміпв = аггау(); 


$гези1* = даиегумуѕда1("ЅЕГЕСТ * ЕВОМ Ғгіепӣѕ МНЕКЕ изег=' $у1ем'"); 
$пит = $гези1{ ->пим_гом$; 


Ғог ($] = Ө ; $5 < $пим ; ++$3) 
{ 


$гом = $гези1{ - >Рефсй_аггау (МУЗОЕТ_А$$0С); 
$+о011омег$[$3] = $гош[ 'Ғгіепа']; 
} 


$геѕи1+ = ачегуМу$а1("5ЕТЕСТ * ЕКОМ Ғгіепаѕ МНЕКЕ #Ғгіепа='$уіем'"); 
$пит = фгеѕи1&->пит пом; 


Ғог ($5 = Ө ; $5 < $пит ; ++$3) 

{ 
$гом = $гези1*->ЕефсН_аггау (МУЗОЕТ_А$$0С) ; 
$+0110м1п8[$3] = $гом[ 'иѕег']; 

} 


$тифиа1 = аггау іпёегѕесі($Ғ+о11омегѕ, $Ғо110оміпв); 
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$Ғо110омегѕ = аггау аіғЕ($Ғо11омегѕ, $ти+иа1); 
$Ғо11оміпр = аггау аіғЕ($Ғо11оміпв, $ти+иа1); 
$Ғгіепаѕ = РАЁЗЕ; 

есһо "<Бг»"; 


1+ (51ігео#(Фтиеиа1)) 
{ 
есһо "<ѕрап с1аѕ5='ѕирһеаа'>›>$пате2 мифиа1 Ғгіепӣѕ</ѕрап><и1»"; 
Ғогеасһ(Фтиёиа1 аз $#гіепа) 
есһо "<11>‹а афа-+гап$11оп=' $114е' 
ћге+#= ' тетрегѕ .рһр?уіем=%#гіепа' >$г1епд</а>"; 
есһо "</и1>"; 
$Ғгіепаѕ = ТКОЕ; 


} 


1+ (512е0+($Фо11омег$)) 
{ 
есһо "<ѕрап с1а$$=' ѕирһеаа'>$пате2 +о011ощег$</зрап><и1>"; 
Ғогеасһћ($#о110омегѕ аз $#гіепаӣ) 
есһо "<11>‹а афа-+гап$11оп=' $114е' 
ћге+#= ' тетрегѕ .рһр?уіем=%#гіепа' >$#гіепа</а»"; 
есһо "</и1>"; 
$Ғгіепаѕ = ТВОЕ; 


} 


1+ (5ігео#(Ф#о11оміпе)) 
{ 


есһо "<ѕрап с1а$$=' ѕирһеаа'>$патез Ғо110оміпе</ ѕ=рап><и1»>"; 
Ғогеасһ($Ғо11оміпв аз $Ғгіепа) 
есһо "<11>‹а афа-+гап$11оп=' $114е' 
ћге+#= ' тетрегѕ .рһр?уіем=%#гіепа' >$г1епд</а>"; 
есһо "</и1>"; 
$Ғгіепаѕ = ТКОЕ; 


} 


1+ (1$+г1епа$) есһо "<бг>Үои Яоп'© һауе апу Ғгіепӣѕ уе*.<6г><Ьг>"; 


есһо "<а дафа-го1е='Би{оп' даћа-+гапѕітіоп='51ійе' 
һге+=' теѕѕареѕ.рһр?уіем=$уіем'>Міем $пате? шеззаве$</а>"; 
2> 
</аіу> 
</боау> 
</ћЕт1> 


Файл теѕѕадеѕ.рһр 


Код последнего из основных модулей, теѕѕавеѕ.рһр, показан в примере 27.11. 
Этот модуль начинает работу с проверки наличия отправленного сообщения в эле- 
менте РОЅТ-массива с ключом '%ех*'. Если сообщение имеется, оно вставляется 
в таблицу теѕѕавеѕ. Одновременно с этим сохраняется значение элемента с ключом 
рт. Значение этого элемента свидетельствует об открытом или закрытом статусе 
сообщения. Нуль представляет открытое, а единица — закрытое сообщение. 
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Затем отображаются пользовательский профиль и форма для ввода сообщения, 
а также переключатели для выбора между отправкой закрытого (ргіуа+е) или от- 
крытого (риб11с) сообщения. После этого показываются все сообщения: если они 
имеют статус открытого сообщения, их могут просматривать все пользователи, 
а закрытые сообщения могут просматривать только отправитель и получатель. 
Все это управляется двумя запросами к базе данных МуЗОТ.. В дополнение к это- 
му, когда сообщение имеет статус закрытого, оно представлено словом мһіѕрегей 
(«прошептал») и отображается курсивом. 


И наконец, программа отображает две ссылки: для обновления сообщений в том 
случае, когда другой пользователь за время просмотра опубликовал новое сообще- 
ние, и для просмотра друзей пользователя. Здесь опять применяется прием с пере- 
менными $пате1 и фпате2, чтобы при просмотре вашего собственного профиля 
вместо имени пользователя отображалось слово Үоиг (Ваши). 


Пример 27.11. теѕѕадеѕ.рһр 
геди1ге_опсе 'Неадег.рир’; 


1+ (!$1овред1т) а1е("</а1\></Боду></Ни1 >"); 


1+ (155е%($ СЕТ[ 'уіем'])) $\у1ем = зап1{17е54г1п8($_СЕТ[  '\1ем']); 
е1 зе $\1ем = $изег; 


1+ (155е%($_РО$Т['%ехе'])) 
{ 


$ЕехЕ = ѕапібіғеѕігіпе ($ РОЅТ[ '+ех*']); 


1 ($4ехе != "") 
{ 
$рт = зиб г ($ап117е5%г1п8($_РО$Т[ 'рм']),0,1); 
$Е1те = +іте(); 
дчегумуѕд1("ІМЅЕКТ ТМТО теѕѕареѕ МАГЈЕЅ (МОШЕ, '$иѕег', 
"$уіем', '$рт', Фёіте, '$%ехе')"); 


} 
} 
1+ (%уіем != "") 
{ 
1+ ($уіем == $иѕег) Фпате1 = Фпате2 = "Үоиг"; 
е1ѕе 
{ 
$пате1 = "<а һгеғ= ' тетбегѕ .рһр?уіем=$уіем'>$уіем</а>'5"; 
фпате2 = "$у1ем' 5"; 
} 


есһо "<һ3>фпате1 Меѕѕареѕ</һ3>"; 
ЅѕһомРгоғі1е(%уіем); 


есһо <<<_ЕМО 
<Ғогт теһћоа='роѕ&' асбіоп= ' теѕѕареѕ.рһр?уіем=$уіем' > 
<Ғіе1аѕеї даа-го1е="сопіго1вгоир" ааёа-+уре="һогіғоп+а1" > 
<1евепа>Туре һеге фо 1еауе а меззаве</1евепа> 
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<1приф +уре='гааіо' пате='рт’ 19='риб11с' уа1ие='0' спескКед=' сһескеа' > 
<1абе1 Фог="риб11с">Риб11с</1абе1 > 
<1приф фуре='гад1о' пате='рт’ 149='рг1уафе' уа1ие='1'> 
<1абе1 Ғог="ргіма+е" >Рг1уа*е</1аБе1> 

</Ғіе1аѕеї> 

<іехіагеа пате= 'Сехі' >< /фехфагеа> 

<іприї аата-ёгапѕііоп='511ӣе' +уре='ѕибртії' уа1ие='Роѕі Меѕѕаре' > 

</Ғогт><рг> 
ЕМО; 


Ӣаёе деҒаџ1+ ёітегопе_ѕе+ ('ОТС'); 
1+ (155е1($ СЕТ[ 'егаѕе'])) 
$егаѕе = ѕапіїіғеѕгіпр(% СЕТ [ 'егаѕе']); 


ачегумуѕд1("ОЕГЕТЕ ЕКОМ теѕѕареѕ МНЕКЕ 14=$егазе АМО гес1р='$изег'"); 


$аџегу = "ЗЕЁЪЕСТ * ЕКОМ теѕѕареѕ МНЕКЕ гес1р='$\/1ем' ОВОЕВ ВУ біте ОЕЗС"; 
$гези1* = ачегуМуза1($ачегу); 
$пит = $гези1{->пим_гом$; 
Ғог ($5 = Ө ; $5 < $пим ; ++$3) 
$гом = $гези1{ - >ЕефсИ_аггау (МУЗОЕТ_А$$0С); 


1+ ($гом['рт'] == ё || $гом['аић'] == Фиѕег || 


$гом[ 'гес1р'] == Физег) 
{ 
есһо Яа+е('М 35 \'у в:1а:', $гом[ 'Жіте']); 
есһо " <а һгеҒғ='теѕѕабеѕ.рһр?уіем=" . фгом[ 'аи&һ'] . 
т". фгом[ 'ао&ћ']. "</а> "; 


1+ ($гом['рм'] == 0) 

есһо "игофе: &дио*;" . $гом['теѕѕаре'] . "&диої; "; 
е1ѕе 

есһо "мһіѕрегеа: <ѕрап с1аѕ5= 'мһіѕрег'>&дио;" . 


$гом[ 'теѕѕаре' |. "&дио+; </ѕрап> "; 


1+ (Фгом['гес1р'] == $иѕег) 
есһо "[<а Бге+='теззарез .рир?\1ем=$у1ем" . 
"&егазе=" . $гом['14'] . "'>егазе</а>]"; 


есһо "<Ьг>"; 
} 


} 
} 


1+ (!%пит) 
есһо "<бг><ѕрап с1аѕ5='іпҒо'›>М№ теѕѕавеѕ уе*</зрап><6г><6г>"; 


есһо "<бг><а Яата-го1е= 'биїтоп' 
һге+#=' теѕѕареѕ.рһр?уіем=$уіем'>Ке+геѕһ теѕѕареѕ</а»"; 
2> 
</аім><бғг> 
</боау> 
</ћЕт1> 
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Результат запуска этой программы в браузере показан на рис. 27.7. Обратите 
внимание на то, как пользователям, просматривающим собственные сообщения, 
предоставляется ссылка для того, чтобы можно было стереть любое из нежела- 
тельных сообщений. Следует также отметить присущую јОџегу Мое реализацию 
стилевого оформления переключателей, предназначенных для выбора между от- 
правкой частного или общедоступного сообщения. Принцип того, как это работает, 
объясняется в главе 22. 


АООІГИМОХСО 
©? Коып'є Месе 109дед м. х 7 


є С {ї | © іосаћоѕуі едиюп ехатріеѕ/тоЫіпъпеуупељацеъ,рћр 


К.ебіп $ №еѕїі 


_ Годдед т аз: Вот 





© ноте ©) метьеге О) Епепав 


(©) Меззадез Ө Еа Ргойіе @) овощ 


Үоиг Меѕѕадеѕ 


Ні, Гт Кот. Меісоте {о ту 'пезЁ. 


Туре һеге {о |еауе а теѕѕаде 


Роз{ Меззаде 


Рес 281 '17 3:05рт: АЇех мто{е: "Тһіѕ ѕеетѕ {о Бе ухогкіпд ме|..." [егаѕе] 
Оес 281 '17 3:00рт: Магу мһіѕрегеа: "На!" [егаѕе] 


Кеїгеѕһ теззадез 





Рис. 27.7. Модуль передачи сообщений 
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Файл Іодои&.рһћр 


Модуль 1орои* .рһр, код которого показан в примере 27.12, является завершающим 
ингредиентом рецепта нашей социальной сети. Он отображает страницу выхо- 
да с сайта, которая закрывает сессию и удаляет любые связанные с ней данные 
и соокіе-файлы. Результат вызова этой программы можно увидеть на рис. 27.8, 
где на этот раз к пользователю обращена просьба щелкнуть на ссылке. Эта ссыл- 
ка приведет его на главную страницу, предназначенную для пользователей, еще 
не вошедших на сайт, с которой удалены все ссылки в верхней части экрана, пред- 
назначенные для вошедших на сайт пользователей. Разумеется, вы можете создать 
код на ЈауаЅсгірё или на РНР, который сразу перенаправил бы пользователя на эту 
страницу, чтобы очистить страницу выхода с сайта от ненужных элементов. 


ТЕА) 


К? Коыіп'ѕ Мест: іоддеа іп: х \\ \ 


< > С 1 Фьавозу5и ешон ехаптреулорпьпеууоуошрћр 





Годдеч іп аз: Кобіп 





О ноте © Метьегз С) ғпіепаѕ 


(© меѕѕадез 0 Ей Ргойе (@ обои 


Үои һауе Бееп Іоддеа оиї. РІеаѕе сИск һеге їо геѓгеѕћһ {Пе ѕсгееп. 





Рис. 27.8. Страница выхода 


Пример 27.12. Іодоиё.рћр 


<?рһр 
гедчіге опсе 'һеайег.рһр'; 


1+ (155е1(% 5Е55ІОМ[ 'иѕег'])) 


аеѕігоуѕеѕѕіоп(); 

есһо "<Бг><41\у с1а$$=' сепег' >Уои һауе Бееп 1о55е4 ои. Р1еаѕе 
<а дафа-+гап$1{1оп='$114е' һгеҒ= 'іпаех.рһр'>с1іск Пеге</а> 
Фо геҒгеѕһ һе ѕсгееп. </аїім>"; 
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е1ѕе есһо "<аіу с1а$5=' сепфег' >Уои саппоф 1о& ои бесаиѕе 
уои аге поё 1о55еа 1п</а1\>"; 
?> 
</аіу> 
</боау> 
</ћЕт1> 


Файл $уіІеѕ.сѕ5 


Таблица стилей, используемая для этого проекта, показана в примере 27.13. В нем 
содержится несколько наборов объявлений. 


О * – спомощью универсального селектора устанавливаются применяемые в про- 
екте по умолчанию семейство шрифтов и размер шрифта. 


О боду — задается ширина окна проекта, горизонтальная центровка, указывается 
цвет фона и задается граница окна. 


О һет1 — устанавливается цвет фона блока НТМТ. 
О іта — задаются граница, тень и правое поле для всех изображений. 


О -ч5егпаме — задается центрирование имени пользователя, выбираются семейство 
шрифтов, размер, цвет, фон и отступы, с которыми это имя отображается. 


О .11+®0 — задействуется для отображения важной информации: для ее элементов, 
использующих этот класс, устанавливаются цвета фона и текста, применяются 
граница и отступы. 


О .сеп+ег — используется для центрирования содержимого ‹491\>-элемента. 
О .ѕибһеаа — выделяется блок текста. 


О .+акеп, .ауаі1ар1е, .еггоги .мһіѕрег — устанавливаются цвета и стили шриф- 
тов, используемых для отображения различных типов информации. 


О #1020 — задействуется для стилевого оформления текста логотипа, применяемого 
в качестве запасного варианта в случае использования браузера, не поддержи- 
вающего НТМТ.5 и невозможности в силу этого создания логотипа на холсте. 


О #гобіп — задействуется для выравнивания изображения в заголовке страницы. 





О #иѕеа — задействуется для того, чтобы отдалить от расположенного выше 
поля тот элемент, который заполняется в результате асинхронного вызова 
сһескиѕег.рһр, в том случае, когда имя пользователя уже занято. 


Пример 27.13. Файл $/е$5.с$$ 

к! 
Топ - Ғаті1у : уегаапа, ѕапѕ-ѕегіғ; 
Топ -ѕіле :14рі; 


} 


Боду { 
міаёћһ :700рх; 
тагріп :20рх аифо; 
Баскёгоипа : ##8#8+#8; 
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Богаег :1рх $0114 #888; 
} 


Вит { 
баскегоипа : #Е+ЕР 


} 


118 { 
Богаег :1рх $0114 Б1аск; 
тагріп-гієһі :15рх; 
-п02-бох-ѕһайом :2рх 2рх 2рх #888; 
-меБк1*-Бох-зВадом:2рх 2рх 2рх #888; 
рох-ѕһайом :2рх 2рх 2рх #888; 


} 


„.изегпате { 
{ех{-а115п :сепфег; 
баскегоипа :#е58; 
со1ог :#404; 
Топ - Ғаті1у : һе1уетіса; 
Фоп{-$17е :20рї; 
райдіпе :4рх; 

} 


.іпғо { 
Топ -ѕ+у1е :іФа1іс; 
тагріп :40рх Өрх; 
{ех{-а115п :сепїег; 


} 


.сепїег { 
{ех{-а115п : сепфег; 


} 


.ѕибһеаа { 
Топ -меірћ+ :Бо1а; 
} 


.Жакеп, .еггог { 
со1ог:геа; 
} 


„.ауа11а61е { 
со1ог: 5гееп; 


} 


мһіѕрег { 
Топ -ѕ+у1е:і+а1іс; 
со1ог :#006600; 

} 


#1020 { 
Фоп{-Фам11у:беогё1а; 
Топ -меірћ :Бо1а; 
Ғопе-ѕ+у1е :іФа1іс; 
Фоп{-$17е :97рх; 
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со1ог :геа; 


} 


#гобіп { 
роѕіїіоп : ге1а+іме; 
Богаег :Өрх; 
тагріп-1Іеғё :-6рх; 
тагріп-гієһі :Өрх; 
фор :17рх; 
-то2-бох-ѕһайом :Өрх Өрх Өрх; 
-мебркіт-бох-ѕһайом:Өрх Өрх Өрх; 
рох-ѕһайом :Өрх Өрх Өрх; 
} 


#иѕеа { 
тагріп-%ор:50рх; 


} 


Файл јауаѕсгірї.јѕ 


И наконец, разберем файл ЈауаЅсгірё (пример 27.14), в котором содержатся функ- 
ции 0, 5 и С, используемые кодом по всей книге. 


Пример 27.14. Файл јауаѕсгірї.јѕ 


Ғоипсёіоп 0(1) 


{ 


гефигп фурео{ 1 == 'објесі' ? і : Яоситеп+. ре+Е1етеп+ВуІа(і) 


} 


Ғоипсёіоп 5(1) 


{ 


гефиги 0(1).5+у1е 


} 


Ғоипсёіоп С(1) 


{ 


гефигп ЯӢоситеп . реЕ1етепёѕВусС1аѕѕМате(1) 


} 


Ну вот, собственно, и все. Если вы создадите что-нибудь на основе этого кода или 
других примеров, приведенных в издании, или извлечете пользу от них каким-либо 
другим образом, я буду рад тому, что мне удалось вам в чем-то помочь. И спасибо 
за чтение этой книги! 


Но перед тем, как закрыть книгу и приступить к практическому применению на 
просторах Всемирной паутины только что полученных навыков, пожалуйста, про- 
смотрите следующие за этой главой приложения. В них содержится множество 
дополнительной информации, которая может оказаться полезной для вас. 


Ответы на контрольные 
вопросы 


Глава 1 


Веб-сервер (такой как АрасВе), язык сценариев на стороне сервера (РНР), база 
данных (МуЗОТ.) и язык сценариев на стороне клиента (]ауазст!ре). 


Язык гипертекстовой разметки — НурегТехё Магкир Гапёиае: сама веб- 
страница, включая текст и теги разметки. 


Как практически все процессоры баз данных, МуЗОТ. воспринимает команды на 
структурированном языке запросов — Ѕігисќигей Опегу Гапеџаве (ЗОТ.). ЗОТ. 
является способом общения с Му5ОТ. любого пользователя (а также РНР- про- 
граммы). 


Сценарии РНР работают на сервере, а сценарии ЈауаЅсгірё — на машине клиен- 
та. У языка РНР есть средства общения с базой данных, позволяющие хранить 
и извлекать данные, но его средствами невозможно провести быстрое и дина- 
мическое изменение веб-страницы, просматриваемой пользователем. У языка 
Јауа$Ѕсгірё имеются совершенно противоположные достоинства и недостатки. 


С5$ означает каскадные таблицы стилей — Саѕса4іпе Ѕ'уІе Ѕһееѓѕ: правила за- 
дания стилей и разметки, применяемые к элементам НТМТ-документа. 


Наверное, наиболее интересными новыми элементами в НТМТ.5 являются 
<аи@10>, <уійео> и <сапуаѕ>. Хотя есть и многие другие, например ‹агЕ1с1е>, 
<зиттагу>, <Роофег> ит. д. 


Некоторые из этих технологий подконтрольны компаниям, собирающим сведе- 
ния об ошибках и занимающимся их устранением, как и любые другие компа- 
нии, производящие программные продукты. Но программы с открытым кодом 
также зависят от сообщества разработчиков, поэтому ваш отчет об ошибке 
может быть рассмотрен любым пользователем, хорошо разбирающимся в коде. 
Возможно, когда-нибудь и вам доведется исправлять ошибки, допущенные 
в инструментарии, имеющем открытый код. 
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8. Она позволяет разработчикам сконцентрироваться на создании основной 
функции веб-сайта или веб-приложения, возложив на среду задачу обеспече- 
ния наиболее эффективной работы и отображения информации, независимо от 
используемой платформы (будь то Глпих, тасО$, Ұіпаоуѕ, 105 или Апаго4), 
размеров экрана или типа задействованного браузера. 


Глава 2 


1. \УАМР означает Имао, Арасйе, Му5 ОГ и РНР, в то время как Мв МАМР 
означает Мас вместо \Лт4о\уз, а [в ГАМР — Глпих. Все эти аббревиатуры ссы- 
лаются на полноценные решения для хостинга динамических веб-страниц. 


2. Оба адреса — и 127.0.0.1, и Вир:/Лоса!но$Е — являются способами ссылки на ло- 
кальный компьютер. При правильной настройке АМР или МАМР для вызова 
исходной страницы на локальном сервере в адресную строку браузера можно 
вводить любой из этих адресов. 


3. ЕТР означает протокол передачи файлов — Ее Тгапѕѓег Ргобосо]. Программа 
ЕТР используется для передачи файлов между клиентом и сервером в обе стороны. 


4. Чтобы обновить файлы, их нужно отправить на удаленный сервер с помощью 
ЕТР-программы, что может существенно увеличить время разработки, если это 
действие повторяется многократно на протяжении одного рабочего сеанса. 


5. Специализированные редакторы программ обладают множеством автоматиче- 
ских функций и способны подсвечивать проблемные участки кода даже до его 
запуска на выполнение. 


1. Используется тег <?рһр ... ?>, который может быть сокращен до пары тегов 
<?... ?>, НО так делать не рекомендуется. 


2. Для отдельной строки комментария можно воспользоваться сочетанием симво- 
лов //, а комментарии, занимающие несколько строк, можно заключить в пары 
символов /*... */. 


3. Все РНР-инструкции должны заканчиваться точкой с запятой (;). 


4. Все имена РНР-переменных, исключая имена констант, должны начинаться 
с символа $. 

5. Переменная содержит значение, которое может быть строкой, числом или дру- 
гими данными. 


6. Выражение $уагіаб1е = 1 является инструкцией присваивания, а группа симво- 
лов == в выражении $уагіаб1е == 1 является оператором сравнения. Инструк- 
цию $уагіаб1е = 1 следует использовать для присваивания значения переменной 
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10. 


11. 


12. 


13. 


14. 


15. 


16. 


$\аг1а61е. Инструкцию $уагіаб1е == 1 необходимо применять в последующих 
строках программы для определения того, равно значение переменной $уагіаб1е 
единице или нет. Если для сравнения воспользоваться по ошибке инструкцией 
фуагіаБ1е = 1, скорее всего, произойдут два нежелательных события: переменной 
$уаг1аб1е будет присвоено значение 1 и будет неизменно возвращаться истин- 
ное значение, независимо от предыдущего значения этой переменной. 


В РНР дефисы зарезервированы для операторов вычитания, уменьшения на 
единицу и смены знака числа на минус. Если бы в именах переменных можно 
было использовать дефисы, это затруднило бы интерпретацию такой конструк- 
ции, как $сиггеп* -изег, что в любом случае приводило бы к двусмысленности 
программного кода. 


Да, имена переменных чувствительны к регистру букв. Поэтому $Тһіѕ МагіаБ1е 
и $һіѕ уагіаБ1е являются совершенно разными переменными. 


Пробелы в именах переменных недопустимы, поскольку собьют с толку парсер 
(синтаксический анализатор) РНР. Вместо них следует использовать знаки 
подчеркивания (_). 


Чтобы перевести значение переменной из одного типа в другой, нужно сослаться 
на эту переменную, и РНР автоматически преобразует ее тип. 


Разница между ++$ј и $] ++ ни в чем не проявится до тех пор, пока значение 
переменной $3 не будет проходить проверку, присваиваться другой переменной 
или передаваться функции в качестве параметра. В таких случаях использо- 
вание выражения ++$3 приводит к увеличению значения $) на единицу до 
выполнения проверки или другой инструкции, а применение выражения $ј++ 
приводит к тому, что сначала выполняется инструкция, а затем значение пере- 
менной $ј увеличивается на единицу. 


В большинстве случаев, когда не нужно соблюдать приоритетность, операторы 
&& и апа являются взаимозаменяемыми. При необходимости соблюдения при- 
оритетности у оператора && более высокий уровень приоритета, чем у опера- 
тора апа. 


Чтобы создать многострочную команду есһо или инструкцию присваивания, 
можно воспользоваться кавычками или конструкцией <<< _ЕМО ... _ЕМ№;. В по- 
следнем случае закрывающий тег должен быть единственным в своей строке, 
без чего-либо, что находилось бы перед ним или после него. 


Значения констант нельзя переопределять, потому что, будучи единожды опре- 
деленными, они сохраняют свое значение до прекращения работы программы. 


Для изменения исходного предназначения кавычек можно воспользоваться 
сочетанием \' для отключения одинарной кавычки или сочетанием \" для от- 
ключения двойной кавычки. 


Команды есһо и ргіпё похожи друг на друга, за исключением того, что ргіпё 
является функцией РНР и воспринимает один аргумент, а есһо является кон- 
струкцией, которая может воспринимать несколько аргументов. 
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17. Функции предназначены для выделения отдельных частей кода в самостоятель- 
ные изолированные блоки, на которые можно ссылаться по одному лишь имени 
функции. 

18. Объявив переменную глобальной, ее можно сделать доступной для всех частей 
РНР-программы. 

19. Если данные сгенерированы внутри функции, их можно передать всей осталь- 
ной программе путем возвращения значения с помощью инструкции гефигп или 
изменения значения глобальной переменной. 

20. При объединении строки с числом получается еще одна строка. 

1. ВРНР ТВУЕ представляет значение 1, а ЕАЕ$Е представляет значение МЕ, кото- 
рое можно рассматривать как «ничто» и которое выводится на экран как пустая 
строка. 

2. Самые простые формы выражений — это литералы, к которым относятся числа 
и строки, а также переменные, которые просто вычисляются в самих себя. 

3. Разница между унарными, бинарными и трехкомпонентными операторами со- 
стоит в количестве необходимых им операндов (им требуется соответственно 
один, два и три операнда). 

4. Наилучший способ установки собственной приоритетности операторов состоит 
в заключении тех подвыражений, которым нужно придать более высокий уро- 
вень приоритета, в круглые скобки. 

5. Взаимосвязанность операторов относится к направлению обработки выражения 
(слева направо или справа налево). 

6. Оператор тождественности используется в том случае, когда нужно обойти 
присущее РНР автоматическое изменение типа операнда (которое называется 
также приведением типов). 

7. К условным инструкциям относятся 1+4, зи 1 с и оператор ?:. 

8. Чтобы пропустить выполнение текущей итерации цикла и перейти к следу- 
ющей, используется инструкция соп1пие. 

9. Циклы, в которых применяется инструкция +ог, считаются более мощными, 
чем циклы мһі1е, так как они поддерживают два дополнительных параметра, 
которые управляют работой цикла. 

10. Большинство условных выражений в инструкциях 1+ и мһі1е являются литера- 


лами (или логическими выражениями), поэтому они инициируют выполнение 
кода только в том случае, если вычисляются как ТВОЕ. Числовые выражения ини- 
циируют выполнение, когда их значение является ненулевым. Строковые выра- 
жения инициируют выполнение, когда вычисляются как непустая строка. Значе- 
ние МІ вычисляется как ложное, поэтому не инициирует выполнение кода. 
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Глава 5 


10. 


Функции избавляют от необходимости многократно копировать или перепи- 
сывать одни и те же фрагменты кода, объединяя набор инструкций и позволяя 
использовать для его вызова простое имя. 


По умолчанию функции могут возвращать одно значение. Но применение 
массивов, ссылок и глобальных переменных позволяет возвращать любое ко- 
личество значений. 


При обращении к переменной по имени, например при присваивании ее значе- 
ния другой переменной или передаче ее функции, значение переменной копиру- 
ется. При этом изменение значения копии не приводит к изменению исходного 
значения. Но если вы ссылаетесь на переменную, используется только указа- 
тель (или ссылка) на ее значение, поэтому на одно и то же значение ссылается 
сразу несколько имен. Изменение значения по ссылке приводит к изменению 
исходного значения. 


Под областью видимости понимаются части программы, из которых может быть 
получен доступ к переменной. Например, переменная с глобальной областью 
видимости может быть доступна из всех частей РНР-программы. 


Чтобы включить один файл в состав другого, можно воспользоваться инструк- 
циями іпс1иде или геди1ге или их более безопасными вариантами 1пс1иде_опсе 
и геди1ге_опсе. 


Функция является набором инструкций, на который производится ссылка по 
имени и который может принимать и возвращать значения. Объект может со- 
стоять из нуля или нескольких функций (которые применительно к нему на- 
зываются методами), а также из переменных (называемых свойствами объекта). 
Все они объединяются в одно образование. 


Для создания в РНР нового объекта используется ключевое слово пем: 


$об]есЕ = пем С1а$$; 


Для создания подкласса используется ключевое слово ехёепаѕ, которое явля- 
ется частью следующей синтаксической конструкции: 


с1аѕ5 Подкласс ехёепаѕ Родительский_класс 


Чтобы при создании объекта он был проинициализирован, можно вызвать ини- 
циализирующую часть кода путем создания внутри класса метода-конструктора 
под названием __сопѕ&гисё и поместить в него ваш код. 


Явного объявления свойств внутри класса не требуется, поскольку они после 
первого же применения будут объявлены неявным образом. Но явное объ- 
явление считается правилом хорошего тона, потому что улучшает читаемость 
кода, упрощает его отладку и приносит особую пользу тем людям, которым 
приходится обслуживать ваш код. 
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Глава 6 


1. Числовой массив может быть проиндексирован с помощью чисел или числовых 
переменных. Ассоциативный массив использует для индексации элементов 
буквенно-цифровые идентификаторы. 


2. Основное преимущество ключевого слова аггау состоит в том, что оно дает 
возможность присваивать массиву сразу несколько значений без повторения 
имени этого массива. 


3. Как функция еасһ, так и структура организации цикла Ғогеасћ. . .аѕ возвращают 
элементы из массива. Обе приступают к работе с начала массива и увеличивают 
значение указателя на единицу, обеспечивая при следующем вызове или итера- 
ции возвращение следующего элемента, и обе возвращают РАГЅЕ при достижении 
конца массива. Разница между ними в том, что функция еасһ возвращает только 
один элемент, поэтому обычно помещается в цикл. Конструкция #огеасћ...аѕ 
уже является циклом, выполняемым снова и снова до тех пор, пока не закончатся 
элементы массива или пока цикл не будет прерван явным образом. 


4. Для создания многомерного массива нужно элементам основного массива при- 
своить значения, представляющие собой дополнительные массивы. 


5. Для подсчета количества элементов в массиве может использоваться функция 
соипт. 


6. Функция ехр1о4е предназначена для извлечения частей строки, которые раз- 
делены идентификатором, например для извлечения слов, разделенных в пред- 
ложении пробелами. 


7. Чтобы вернуть внутренний указатель текущего элемента массива РНР на пер- 
вый элемент этого массива, вызывается функция гезе*. 


Глава 7 


1. Для отображения числа с плавающей точкой следует использовать специфика- 
тор преобразования %+. 


2. Для приема строки "Нарру В1гЕПдау" и вывода строки **Нарру можно восполь- 
зоваться инструкцией: 
ргіпёе: ре1п("%'*7.55", "Нарру В1гЕНдау");. 

3. Для выдачи информации из ргіп+# не в браузер, а в переменную следует вос- 
пользоваться альтернативной функцией зрг1 п. 

4. Чтобы создать отметку времени ОМІХ для времени и даты, представленных 
в виде 7: 11ат Мау 2па, 2016, нужно воспользоваться командой: 
$Е1тезФатр = шК&1те(7, 11, 6, 5, 2, 2016);. 
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Чтобы открыть файл в режиме чтения и записи с усечением его размера и уста- 
новкой указателя на начало файла, следует в функции Фореп воспользоваться 
режимом доступа к файлу м+. 


Для удаления файла #і1е.іхі нужно применить такую РНР-команду: 
ип1іпк( '#Ғі1е.Ехї'); 
Для чтения целиком всего файла используется функция #і1е_ ре _сопёепіѕ. 


Эта же функция, если ей предоставить ОКІ-адрес, позволяет прочитать файл 
из Интернета. 


Сведения о файлах, загруженных на сервер, содержатся в ассоциативном РНР- 
массиве $ РІІЕ5. 


Системные команды можно запускать с помощью РНР-функции ехес. 


В НТМІ5 можно использовать либо стиль тегов ХНТМТ. 1.0 (например, «ће />), 
либо стиль стандарта НТМТА (например, <һг>). Выбор полностью зависит от 
стиля, используемого вашей компанией. 


Глава 8 


1. 


В МуЅОТ точка с запятой используется для разделения или завершения команд. 
Если забыть ввести этот символ, то Му$01. выдаст приглашение и будет ожи- 
дать его ввода. 


Для просмотра доступных баз данных следует набрать команду $НОМ даабаѕеѕ. 
Для просмотра таблиц, использующихся в базе данных, нужно набрать команду 
ЅНОМ +аБ1е$. (Команды нечувствительны к регистру букв.) 


Для создания нового пользователя применяется команда СКАМТ: 
СКАМТ РКТУТЕЕСЕ$ ОМ пемаа+абаѕе.* ТО 'пемизег' @'1оса1поз*' 
ТОЕМТТЕТЕО ВУ 'пемраѕѕмога'; 
Для просмотра структуры таблицы нужно набрать команду ОЕЗСВТВЕ имя таблицы. 


Индекс в Му ОГ. предназначен для существенного сокращения времени доступа 
к базе данных за счет добавления метаданных к таблице в одном или несколь- 
ких ключевых столбцах, в которых после индексации можно проводить быстрый 
поиск для обнаружения в таблице нужной строки. 


Индекс РУГЕТЕХТ позволяет запросам, в которых используется естественный 
язык, находить ключевые слова, если они имеются в столбце или столбцах, про- 
индексированных в режиме РОШ ТЕХТ. Способ поиска во многом похож на тот, 
для которого задействуется поисковый механизм. 


К стоповым относятся слова, имеющие настолько широкое распространение, 
что нет смысла включать их в индекс РОШІТЕХТ или использовать при поиске. 
Но все же они включаются в поиск, когда входят в состав большой строки, за- 
ключенной в кавычки. 


По сути, спецификатор $ЕЁЕСТ рІЅТІМСТ воздействует только на отображе- 
ние, выбирая всего одну строку и исключая все ее дубликаты. Спецификатор 


Глава 9 759 





10. 


СВОУР ВУ не исключает, а объединяет все строки, у которых есть одно и то же 
значение в столбце. Поэтому спецификатор бВОУР ВУ хорошо справляется с та- 
кими операциями, как СОЦМТ, ведущей подсчеты в группе строк. А спецификатор 
ЅЕГЕСТ ОТУТТМСТ для таких целей не годится. 


Для возвращения только тех строк, в которых в каком-нибудь месте столбца аи Ног 
таблицы с1аѕ51сѕ содержится слово Гапёпогпе, предназначена такая команда: 
ЗЕЁГЕСТ * РЕКОМ с1а$$1с$ МНЕВЕ ач{Пог ЁТКЕ "1 апеһогпей"; 

Для того чтобы можно было объединить две таблицы, у них должен быть об- 


щим хотя бы один столбец, например номер Г) или, как в случае с таблицами 
с1а$$1с$ и сиѕ+отегѕ, столбец іѕЬп. 


Глава 9 


1. 


Под словом «отношение» понимается связь между двумя элементами данных, 
обладающими какими-нибудь взаимными ассоциациями, например книга и ее 
автор или книга и покупатель, который ее приобрел. Реляционная (то есть 
учитывающая отношения) база данных, например МуЅОЇІ., специализируется 
на хранении и извлечении подобных отношений. 


К процессу удаления повторяющихся данных и оптимизации таблиц применя- 
ется термин «нормализация». 


Существует три правила первой нормальной формы. 


® В ней не должно быть никаких повторяющихся столбцов, содержащих одни 
и те же типы данных. 


® Каждая позиция пересечения столбца и строки должна содержать только 
одно значение. 


® Для уникальной идентификации каждой строки должен использоваться 
первичный ключ. 


Чтобы таблица отвечала требованиям второй нормальной формы, столбцы, 
в которых данные повторяются в нескольких строках, должны быть перемещены 
в собственные таблицы. 


При отношении «один ко многим» первичный ключ из таблицы со стороны 
«один» должен быть добавлен в качестве отдельного столбца (внешнего ключа) 
к таблице на стороне «многие». 


Для создания базы данных, в которой имеется отношение «многие ко многим», 
нужно создать промежуточную таблицу, содержащую ключи из двух других 
таблиц. В результате эти две другие таблицы смогут ссылаться друг на друга 
посредством третьей таблицы. 


Чтобы инициировать МуЅО1 -транзакцию, используется либо команда ВЕСІМ, 
либо команда $ТАВТ ТКАМЅАСТІОМ. Для прекращения транзакции и отмены всех 
действий выдается команда КО ІВАСК. Для завершения транзакции и соверше- 
ния всех действий выдается команда СОММІТ. 
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8. Для изучения подробностей работы запроса можно воспользоваться командой 
ЕХРІАІМ. 


9. Для создания в файле риб1іса+іопѕ. 541 резервной копии базы данных риБ11ісаёіопѕ 
можно воспользоваться такой командой: 
туза1антр -и пользователь -рпароль риб1іса+іопѕ > риб1ісатіопѕ. 541 


Глава 10 


1. Для подключения к базе данных МуЗОГ, с помощью туѕд1і следует вызвать 
метод туѕд11, передав ему имя хоста, имя пользователя, пароль и имя базы 
данных. В случае успеха будет возвращен объект подключения. 


2. Для отправки запроса к МуЗОТ. с помощью туѕд1і нужно сначала убедиться 
в том, что объект подключения к базе данных уже создан, а затем вызвать метод 
диегу этого объекта, передав ему строку запроса. 


3. При возникновении ошибки туѕд11 в свойстве еггог объекта подключения со- 
держится сообщение об ошибке. Если ошибка возникла при подключении к базе 
данных, сообщение об ошибке будет содержаться в свойстве соппес*_еггог. 


4. Для определения количества строк, возвращенных запросом му$411, нужно вос- 
пользоваться свойством пит_гомз объекта гези1+. 


5. Для извлечения из набора результатов ту$4911 конкретной строки нужно вос- 
пользоваться методом дафа_зеек объекта геѕи1+, передав ему номер строки 
(номера строк начинаются с нуля); затем для получения требуемой информации 
нужно вызвать Ғеёсһ_аггау или другой метод извлечения данных. При полу- 
чении всех результатов этого делать не требуется. 


6. Для обезвреживания символов в строках можно вызвать метод геа1_е5саре_ 
ѕёгіпЕ объекта подключения туѕд11, передав ему строку, в которой обезвре- 
живаются символы. Конечно, в целях обеспечения безопасности лучше всего 
использовать подготовленные инструкции. 


7. Если пренебречь закрытием объектов, созданных методами туѕд11і, ваши про- 
граммы подвергнутся риску возникновения дефицита памяти, особенно на 
сайтах с высоким уровнем трафика. Если в программе имеется ошибка хода ее 
выполнения, то закрытием объектов вы исключаете также случайное получение 
старых результатов. 


Глава 11 


1. Для передачи данных формы РНР-программе СЕТ-методом используется мас- 
сив $ СЕТ, а РОЅТ-методом — массив $ РОЅТ. 


2. Несмотря на то что оба этих поля при заполнении формы воспринимают текст, 
разница между ними заключается в том, что в текстовом поле может содержать- 
ся только одна строка, а в текстовой области может быть несколько строки в ней 
осуществляется перенос слов на новую строку. 
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3. Для предоставления пользователю возможности выбора в веб-форме трех вза- 
имоисключающих вариантов следует задействовать переключатели, поскольку 
флажки допускают множественный выбор. 


4. Для отправки из веб-формы группы значений при использовании только од- 
ного имени поля следует воспользоваться не обычным именем поля, а именем 
массива с квадратными скобками, например сһоісеѕ[]. Тогда каждое значение 
помещается в массив, длина которого будет соответствовать количеству от- 
правленных элементов. 


5. Чтобы отправить данные поля формы, не отображая их на экране браузера, следу- 
ет поместить эти данные в скрытое поле, в котором задан атрибут +уре="И194еп". 


6. Элемент формы, а также сопровождающие его текст или графику можно заклю- 
чить в теги <1абе1> и </1аБе1> и гарантировать тем самым возможность выбора 
щелчком кнопкой мыши на всей области объединенного элемента. 


7. Чтобы можно было превратить НТМТ. в такой формат, который может быть ото- 
бражен на экране, но не сможет интерпретироваться браузером как код НТМГ, 
используется РНР-функция П&и1еп 1 1ез. 


8. Помочь пользователям в заполнении полей данными, которые уже были где-то 
отправлены, можно с помощью атрибута аџиёосотр1еѓе, который приводит к по- 
явлению предложений с возможными значениями. 


9. Чтобы при отправке формы не было пропущенных данных, к обязательным для 
заполнения элементам ввода нужно применить атрибут гедиігеа. 


Глава 12 


1. Соове должны быть переданы до кода НТМІ. веб-страницы, потому что они 
отсылаются в виде составной части заголовков. 


2. Для сохранения сооКіе на машине браузера применяется функция зе*_сооК1е. 


Для удаления сооКіе нужно его выдать заново, но при этом установить срок 
истечения действия на уже прошедшее время. 


4. При НТТР-аутентификации имя пользователя и пароль сохраняются в элемен- 
тах массива $ ЅЕКМЕК[ "РНР _АОТН_ЏЅЕК'] и $ ЅЕКМЕК[ "РНР АОТН РМ]. 


5. Функция раѕѕмога_һаѕһ считается мощным средством защиты, потому что 
это односторонняя функция, превращающая строку в длинную строку, пред- 
ставляющую собой шестнадцатеричное число, не поддающуюся обратному 
преобразованию, из-за чего ее крайне трудно взломать, при условии, что от 
пользователей требуется задание стойкого пароля (например, длиной не менее 
восьми символов, включая вставленные в произвольном месте цифры и знаки 
пунктуации). 


6. При подмешивании произвольных данных, прежде чем преобразовать строку 
с помощью функции паз! (с чем РНР должен справиться за вас), в нее до- 
бавляются лишние символы (известные только программисту). Тем самым 
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10. 


гарантируется, что у пользователей с одиноковым паролем не будет одинако- 
вого хеша и не будут использоваться заранее вычисленные хеш-таблицы. 


РНР-сессия — это группа уникальных для текущего пользователя переменных, 
передаваемых вместе с последовательными запросами с таким расчетом, чтобы 
переменные оставались доступными при посещении пользователем разных страниц. 


Чтобы инициировать РНР-сессию, используется функция $е$$1оп_5аг*. 


Хищение сессии происходит в том случае, когда взломщик каким-то образом 
добывает ГО существующей сессии и пытается ее захватить. 


Фиксация сессии заключается в попытке злоумышленника заставить пользова- 
теля войти в систему, используя неверный Г сессии, взламывая таким образом 
безопасность подключения. 


Глава 13 


В качестве контейнера для кода ]ауазст ре используются теги <ѕсгірё» и </зсг1рф>. 


По умолчанию информация, выводимая кодом ЈауаЅсгірї, будет добавлена к той 
части документа, в которой находится этот код. Если он находится в заголовке, 
она будет добавлена в заголовок, а если в теле документа, то в тело. 


Код ЈауаЅсгірё из других файлов может быть включен в ваш документ либо 
путем копирования и последующей вставки этого кода, либо более распро- 
страненным способом — включением его в качестве составляющей тега <$сг1ре 
5гс=' {11 епапте. ]5' >. 


В ЈауаЅсгірё эквивалентом РНР-команд есһо и ргіпё служит функция (или 
метод) аоситепё.мгіќе. 


Чтобы создать комментарий в ЈауаЅсгірё, нужно перед текстом однострочного 
комментария поставить символы //, а многострочный комментарий поместить 
между символами /* и %/. 


Оператором объединения строк в ЈауаЅсгірё служит знак «плюс» (+). 


Внутри функции ЈауаЅсгірё можно определить переменную с локальной обла- 
стью видимости, поставив в начале первой инструкции присваивания значения 
этой переменной ключевое слово маг. 


Чтобы во всех основных браузерах отобразить О ВТ.-адрес, присвоенный 
ссылке, имеющей Г] со значением +һіѕ1іпк, можно воспользоваться двумя 
следующими командами: 

доситеп{ .иг1е (аоситеп* . ве®Е1етепЕВуІа( '+11$11пк').Нге+) 
доситеп{ .иг1е (+11$11пк.Вгеф) 

Команды для загрузки предыдущей страницы, ссылка на которую хранится 
в истории браузера, имеют следующий вид: 


һіѕёогу.баск() 
һіѕёогу.ро(-1) 
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10. 


Для замены текущего документа главной страницей сайта огейу.сот можно вос- 
пользоваться такой командой: 


Яоситеп&.Іосаёіоп.һғеҒ = 'ВЕЕр://оге111у. сот" 


Глава 14 


10. 


Наиболее заметной разницей между логическими значениями в РНР и ЈауаЅсгіре 
является то, что РНР распознает ключевые слова ТКОЕ, ёгие, РАЕЗЕ и #а1ѕе, 
ав ЈауаЅсгірё поддерживаются только ключевые слова {гие и +а15е. Кроме того, 
в РНР ТКОЕ имеет значение 1, а РАІЅЕ — значение МІ, в то время как в ]ауазст!ре 
они представлены значениями {гие и #а15е, которые могут быть возвращены 
в виде строк. 


В отличие от РНР, в ЈауаЅсгірё для определения имени переменной никакие 
символы (вроде $) не используются. Имена переменных в ]ауаЗст!рё могут 
начинаться и далее состоять из любых букв в верхнем или нижнем регистре, 
а также из символов подчеркивания, в имена также могут включаться цифры, 
но только не в качестве первого символа. 


Разница между унарными, бинарными и трехкомпонентными операторами со- 
стоит в количестве необходимых для них операндов (им требуются один, два 
и три операнда соответственно). 


Наилучший способ установки собственной приоритетности операторов состо- 
ит в заключении части выражения, которая должна быть вычислена в первую 
очередь, в круглые скобки. 


Оператор тождественности используется в тех случаях, когда нужно обойти 
присущее ЈауаЅсгірї автоматическое изменение типа операнда. 


Самыми простыми формами выражений являются литералы (такие как числа 
и строки) и переменные, которые просто вычисляются в самих себя. 


К трем условным инструкциям относятся 1+, ѕміёсћ и оператор ?. 


Большинство условных выражений в инструкциях 1+ и ий11е являются лите- 
ралами (или логическими выражениями), поэтому инициируют выполнение 
кода только в том случае, если вычисляются как ёгиое. Числовые выражения 
инициируют выполнение, когда результатом их вычисления является ненулевое 
значение. Строковые выражения инициируют выполнение, когда вычисляются 
как непустая строка. Значение МІ вычисляется как ложное, поэтому не ини- 
циирует выполнение кода. 


Циклы, в которых используется инструкция +ог, считаются более мощными по 
сравнению с циклами ий11е, потому что они поддерживают два дополнительных 
параметра, управляющих работой цикла. 


Инструкция міёћ воспринимает в качестве своего параметра объект. При ее 
использовании объект указывается только один раз, а затем внутри блока мієћ 
устанавливается связь этого объекта с каждой инструкцией. 
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Глава 15 


10. 


Имена функций и переменных в ЈауаЅстірі чувствительны к регистру использу- 
емых в них букв. Имена Соип*, соипё и СООМТ представляют совершенно разные 
переменные. 


Для создания функции, которая воспринимает и обрабатывает неограничен- 
ное количество параметров, доступ к параметрам организуется через массив 
агвитепёѕ, являющийся составной частью всех функций. 


Один из способов возвращения из функции нескольких значений заключается 
в помещении всех этих значений в массив с последующим его возвращением. 


При определении класса для ссылки на текущий объект используется ключевое 
слово 11$. 


Методы класса не обязательно должны определяться внутри определения са- 
мого класса. Если метод класса определяется за пределами конструктора, имя 
этого метода должно быть присвоено объекту &һіѕ внутри определения класса. 


Новый объект создается с помощью ключевого слова пем. 


Доступность свойства или метода может быть обеспечена всем объектам класса 
без тиражирования этого свойства или метода внутри объекта путем исполь- 
зования ключевого слова ргоёоёуре для создания единственного экземпляра, 
который затем передается по ссылке всем объектам класса. 


Для создания многомерного массива внутри основного массива помещается 
подмассив. 


Синтаксис, который следует использовать для создания ассоциативного мас- 
сива, имеет структуру ключ : значение, заключенную в фигурные скобки, как 
показано в следующем примере: 

а5$5осаггау = 


{ 


"Ғогепате" : "Раи1", 
"зигпате" : "МсСаг&пеу", 
"вгоир" : "Тһе Веа&1еѕ" 


} 
Инструкция, используемая для сортировки в убывающем порядке массива, со- 
стоящего из чисел, будет иметь следующий вид: 


питрегѕ . ѕогї(Ғипсёіоп(а, Б) { геёигп Б - а}) 


Глава 16 


1. 


Отправить данные формы на проверку до их отправки на сервер можно добав- 
лением к тегу <Фогт> Јауа$Ѕсгірё-атрибута опѕирті+. Функция проверки должна 
возвращать гие, если форма должна быть отправлена на сервер, или +а15е, если 
она не прошла проверку. 
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2. Для проверки соответствия строки регулярному выражению в ]ауазст!рё ис- 
пользуется метод +еѕї. 


3. Регулярные выражения, соответствующие символам, не использующимся 
в словах, могут иметь вид / [^\м]/, /[\м]/, / [^а-2А-20-9_]/ ит. д. 


4. Для проверки соответствия как слову /ох, так и слову /іх можно воспользовать- 
ся регулярным выражением /+[о1 ]х/. 


5. Регулярное выражение, соответствующее любому отдельному слову, за кото- 
рым следует символ, не использующийся в словах, может иметь следующий 
вид: /\м+\М/е. 


6. Функция ЈауаЅсгіре, использующая регулярное выражение для проверки на- 
личия слова /ох в строке Тһе диіск бгомп Фох, может иметь такой вид: 


доситеп* .мгібе( /Ғох/ .ёеѕ+("Тһе даиіск Бгомп Ғох")) 


7. Функция РНР, использующая регулярное выражение для замены всех экзем- 
пляров слова е в строке Тһе сом јитрѕ омег Пе тооп словом ту, может иметь 
следующий вид: 


$ѕ5=ргер пер1асе("/&һе/1", "ту", "Тһе сом јитрѕ оуег һе тооп"); 


8. Для предварительного заполнения полей формы значениями применяется 
НТМГ-атрибут уа1ие, который помещается в тег <1при*> и принимает там 
форму уа1ие="значение". 


Глава 17 


1. Необходимость функции для создания новых объектов ХМІНТТРКедиеѕ+ обуслов- 
лена тем, что браузеры М1сгозой используют два разных метода их создания, 
а все остальные основные браузеры применяют третий, совершенно иной метод. 
За счет функции, тестирующей используемый браузер, можно обеспечить ра- 
боту кода на всех основных браузерах. 


2. Цель применения конструкции «гу. . .саёсћ состоит в настройке на перехват 
ошибки при выполнении кода, находящегося внутри инструкции *гу. Если его 
выполнение вызовет ошибку, то вместо выдачи общей ошибки будет выполнен 
код блока саси. 


3. У объекта ХМЕНТТРВедие$+ имеется шесть свойств и шесть методов (см. табл. 17.1 
и 17.2). 


4. Определить завершение асинхронного вызова можно по значению 4, которое 
примет свойство геаду$тате. 


5. Когда асинхронный вызов успешно завершится, принадлежащее объекту свой- 
ство ѕ+а+иѕ получит значение 299. 


6. Значение, возвращенное успешно завершенным асинхронным вызовом, содер- 
жится в свойстве геѕропѕеТехе объекта ХМЕНТТРВедие$*. 
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10. 


РОМ -дерево, созданное из ХМГ, возвращенного успешно завершенным асин- 
хронным вызовом, хранится в свойстве гезропзехмЕ объекта ХМЕНТТРВедциез*. 


Для указания функции обратного вызова, обрабатывающей ответы асинхрон- 
ных вызовов, нужно присвоить имя функции свойству опгеаду5+афеспапве 
объекта ХМЕНТТРВедие*. Можно также воспользоваться безымянной встроенной 
функцией. 


Для инициирования асинхронного запроса вызывается метод ѕепа объекта 
ХМІЕНТТРКедиеѕ+. 


Основное различие между СЕТ- и РОЅТ-запросами асинхронных вызовов 
состоит в том, что СЕТ-запросы присоединяют данные к ОКІ -адресу, а РОЅТ- 
запросы передают данные в качестве параметра метода ѕепа и требуют правиль- 
ной формы заголовков, отправляемых в первоочередном порядке. 


Глава 18 


Чтобы импортировать одну таблицу стилей в другую, используется инструкция 
@ітрог+, например: 

@1трогЕ иг1('ѕ%у1еѕ.с55'); 

Чтобы импортировать таблицу стилей в документ, можно воспользоваться 
НТМГ-тегом <1іпк>, например: 

<Ііпк ге1='ѕу1еѕһее' һғеҒ=' ѕ+у1еѕ.с55'> 

Чтобы непосредственно встроить стиль в элемент, применяется атрибут ѕ+у1е, 
например: 

<аіу эфу1е=' со1ог:Б1ие; '> 

Разница между идентификатором С55 и классом С55 заключается в том, что 


идентификатор применяется только к одному элементу, а класс можно приме- 
нить ко многим элементам. 


В С$5-объявлениях для имен идентификаторов в качестве префикса исполь- 
зуется символ решетки (#), а для имен классов — символ точки (.), например 
#ту1а и .мус1аѕѕ. 


Точка с запятой (;) в С$5 используется в качестве разделителя объявлений. 


Чтобы добавить к таблице стилей комментарий, его нужно поставить между 
маркерами открытия и закрытия комментария: /* и */. 


В С5$ указать на соответствие любому элементу можно с помощью универсаль- 
ного селектора *. 


Чтобы выбрать в С$$ группу разных элементов и (или) типов элементов, 
между каждым элементом, идентификатором, классом и т. д. нужно ставить 
запятую. 
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10. Чтобы одно С5$-объявление из пары, имеющей одинаковые приоритеты, получи- 
ло преимущество над другим, к нему добавляют объявление ! ітрог+апё, например: 


р{ со1ог:#Е+0000 !1трогфапе; } 


Глава 19 


1. С553-операторы ^=, $= и *= в указанном порядке соответствуют началу, концу 
и любой части строки. 

2. Для указания размера фонового изображения предназначено свойство Басквгоипа- 
$17е, например: 
Баскёгоипа-$17е:8@0рх 600рх; 

3. Радиус границы можно указать с помощью свойства рогаег-гааіиѕ, например: 


рогдег-гааіиѕ : 20рх; 

4. Перетекание текста по нескольким колонкам можно задать с помощью свойств 
со1итп-соипф, со1итп-бар и со1итп-ги1е или их вариантов, характерных для того 
или иного браузера, например: 
со1итп-соипЁ: 3; 

со1итп-вар :1ет; 
со1итп-ги1е :1рх $0114 Ы1аск; 

5. Четырьмя функциями, с помощью которых можно указать С$8-цвета, являются 
ћ51, һѕ1а, гер и гера. Например: 
со1ог:грба(0%,60%,40%,0.4); 

6. Чтобы создать под каким-нибудь текстом серую тень с диагональным отступом 
вправо и вниз на 5 пикселов и с размытостью З пиксела, можно воспользоваться 
следующим объявлением: 
техї-ѕһайом: 5рх 5рх Зрх #888; 


7. Показать с помощью многоточия, что текст усечен, можно таким объявлением: 
Техї-омегтҒ1ом:е111рѕіѕ; 

8. Чтобы включить в состав своей веб-страницы веб-шрифты Соозе, нужно снача- 
ла их выбрать с сайта Һір://ғопіѕ.доодіе.сот, затем скопировать предоставляемый 
тег <1іпк> в раздел <Неаа> своего НТМТ-документа. Это будет выглядеть при- 
мерно так: 
<1іпк пге+=' Ир: //Ропе$.50081еар1$ .сот/с5$ ?Фат11у=Гоб$ег' 

ге1='5{у1езПееф' +уре= 'Жехі/сѕ5'> 
Затем можно сослаться на шрифт в С5$-объявлении, например в таком: 
ћ1{ Ғопі-Ғаті1у:'Іорѕ+ег', агіа1, ѕегіҒ; } 

9. Для поворота объекта на 90° нужно воспользоваться следующим С$$-объяв- 
лением: 
{гапзФоги : гобаёе(9@ӣер) ; 
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10. Чтобы указать переход объекта таким образом, чтобы при изменении любого 
из его свойств переход осуществлялся сразу в линейном режиме в течение 0,5 с, 
нужно воспользоваться следующим объявлением: 


ігапѕііоп:а11 .55 11пеаг;у 


Глава 20 


1. Функция 0 возвращает объект по его идентификатору, функция $ возвращает 
свойство стиля объекта, а функция С возвращает массив всех объектов, к кото- 
рым обращается заданный класс. 


2. Изменить С$$-атрибут объекта можно с помощью функции зе+Аг1и\е, на- 
пример: 
туобјес. зе АЕЕг1Ьи*е ( 'РопЕ-517е', '16рї') 


Можно также изменить атрибут непосредственно (что обычно и делается), ис- 
пользуя немного измененные имена там, где это требуется, например: 


туобјес&.ҒопёЅ51іғе = '16р*' 


3. Свойствами, предоставляющими доступную в окне браузера ширину и высоту, 
являются міпаом. іппегНеірћ и міпаом. 1ппегиз ати. 


4. Задать какие-нибудь действия при прохождении указателя мыши над объектом, 
а затем при выходе за границы объекта можно, привязав код, совершающий эти 
действия, к событиям оптоизеоуег и оптоизеои*. 


5. Для создания нового элемента нужно воспользоваться таким кодом, как, например: 


е1ет = доситеп* . сгеаеЕ1етеп* ( ' ѕрап') 


Для добавления нового элемента к ООМ применяется, например, такой код: 
доситеп{ . боду. аррепасһі1а(е1ет) 


6. Чтобы сделать элемент невидимым, нужно установить для его свойства уіѕірі1і+у 
значение п194еп (а для возвращения ему видимости нужно задать значение 
уіѕір1е). Чтобы сжать элемент до нулевых размеров, следует выбрать для его 
свойства 91$р1ау значение попе (а для восстановления его размеров — значение 
Б1оск). 


7. Чтобы задать одиночное событие в будущем времени, нужно вызвать функцию 
се Т1теоц*, передав ей код или имя функции для выполнения и значение за- 
держки в миллисекундах. 


8. Для установки повторяющегося события через указанный интервал времени 
нужно вызвать функцию зе Тпеегуа1, передав ей код или имя функции для 
выполнения и значение задержки между повторениями в миллисекундах. 


9. Чтобы освободить элемент от его места на веб-странице, позволив ему пере- 
мещаться, нужно установить для его свойства роѕіёіоп значение 'ге1аёіме', 
"абрѕо1и+е' или 'Ғіхеа'. Для восстановления элемента на его исходном месте 
этому свойству нужно присвоить значение ' ${а1с'. 
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10. Для получения скорости анимации 50 кадров в секунду нужно установить за- 


держку между прерываниями равной 20 мс. Для вычисления этого значения 
необходимо разделить 1000 мс на желаемую скорость анимации. 


Глава 21 


1. 


10. 


Обычно в качестве фабричного метода для создания объектов јОпегу использу- 
ется символ $. Вместо него можно воспользоваться методом по имени јдиегу. 


Чтобы создать ссылку на минимизированную версию выпуска 3.2.1 јОпегу, 
получаемую из Соозе СОМ, можно воспользоваться следующим кодом НТМГ: 
<$сг1рЕ згс=' Ир: / /ајах.воор1Іеаріѕ. сот 
/ајах/1165/јаиегу/3.2.1/јаиегу.тіп.јѕ'></5сгірі» 

Для фабричного метода јОпегу $ приемлемы С$$-селекторы, применяемые 
с целью создания }Опегу-объекта из соответствующих этим селекторам элементов. 


Для получения значения С55-свойства используется метод сѕ5ѕ, которому 
передается название свойства. Для установки значения свойства этому методу 
передаются название свойства и значение. 


Для прикрепления метода к событию щелчка на элементе с идентификатором 
е1ет с целью медленного исчезновения этого элемента можно воспользоваться 
следующим кодом: 
$( '"#е1ет').с1іск(Ғипсёіоп() { $(411$).П1ае('$1ом') } ) 
Для применения к элементу эффекта анимации его свойству ро$141оп нужно 
присвоить значение +1хед, ге1а%1\уе или аб5о1и*е. 
Одновременного (или последовательного — в случае применения анимации) 
запуска сразу нескольких методов можно добиться, связав их в цепочку с по- 
МОЩЬЮ символов точки: 
$('‘Не1ет').с$$('со1ог', '61ие').с$$('БаскКёгоипа', 

'уе11ом').511ае0р("$1ом') 
Для извлечения объекта элемента из объекта, выбранного средствами ]Оипету, 
можно указать его индекс в квадратных скобках, например: 
$( '"#е1ет') [0] 
или же воспользоваться методом веї: 
$( '"#е1ет').ре+(0) 
Для отображения одноуровневого элемента, следующего непосредственно перед 
элементом с идентификатором пемѕ, полужирным шрифтом, можно воспользо- 
ваться такой инструкцией: 
$( '"#пемѕ').ргем().сѕ5(' Ғопё-меірһ', 'Бо1а'’) 
Средствами јОџегу Сеї-запрос по технологии асинхронного обмена данными 
можно сделать с помощью метода $. вет: 


$. реї( "Һр: //ѕегмег. сот/ајах.рһр?ао=%һіѕ', Ғипсёіоп(аа+а) { 
а1егі('Тһе зегуег ѕаіа: ' + аа+а) } ) 
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Глава 22 


10. 


Использование СОМ для доставки файлов означает, что вам не нужно полагать- 
ся на собственную (или на клиентскую) загрузку сети, что может сэкономить 
деньги. Кроме того, можно создать у пользователя ощущение ускорения работы, 
поскольку после загрузки браузером файла та же самая его версия может быть 
заново загружена локально из кэша. Недостаток заключается в том, что ваш 
веб-сайт или веб-приложение не смогут выполняться в локальной среде, если 
браузер пользователя в текущий момент не подключен к интернету. 


Чтобы определить страницу содержимого для јОпегу Мое, ее нужно заклю- 
чить в <аіу>-элемент с атрибутом даќа-го1е, имеющим значение раве. 


Тремя основными частями, из которых складывается страница ]Опегу, являются 
ее заголовок, содержимое и нижний колонтитул. Для их обозначения эти части 
помещаются в <4іу>-элементы, которые, соответственно, имеют атрибуты да*а- 
го1е с присвоенными значениями һеайег, сопееп* и Ғооёег. Эти три элемента 
должны быть дочерними по отношению к родительскому <аїу>-элементу, рас- 
смотренному в вопросе 2. 


Чтобы в один НТМТ-документ поместить несколько страниц }Опегу Мое, 
в него можно включить несколько родительских <91\>-элементов, имеющих 
атрибут аата-го1е со значением раве, каждый из которых будет содержать три 
дочерних <91\/>-элемента, рассмотренных в вопросе 3. Чтобы ссылаться на эти 
страницы, каждому из родительских элементов следует присвоить уникаль- 
ный идентификатор (например, 149="пем$"), на который затем можно будет 
сослаться из любого места НТМТ-документа, используя привязку, например 
<а һгеғ="#пемѕ" >. 


Чтобы предотвратить асинхронную загрузку веб-страницы, можно либо свой- 
ству аа+а-ајах привязки (апсһог) или формы (+огт) задать значение +а1зе, 
привоив их атрибуту ге1 значение ехеегпа1, либо предоставить значение их 
атрибуту ёагве+. 

Чтобы настроить страничный переход по гипертекстовой ссылке на применение 
эффекта #11р, нужно задать ее атрибуту даа-їгапѕітіоп значение #11р (или же 
воспользоваться любым другим поддерживаемым значением для других до- 
ступных эффектов перехода, например да+а-ёгапѕіёіоп="рор"). 


Чтобы страница показывалась в виде диалогового окна, ее можно загрузить, 
задав ее атрибуту аата-ге1 значение аіа106. 


Чтобы придать обычной гипертекстовой ссылке внешний вид кнопки, нужно 
задать ее атрибуту дата-го1е значение Би хоп. 


Чтобы добиться линейного показа элемента јОпегу Мое, нужно задать его 
атрибуту да+а-іп1іпе значение гие. 


Чтобы добавить к кнопке значок, нужно предоставить имя известного значка 
]Оцегу Мое в качестве значения ее атрибута дата -ісоп, например да+а- 
ісоп="веаг". 
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Глава 23 


1. Новым элементом, появившимся в НТМТ.5 и позволяющим рисовать графи- 
ческие изображения на веб-странице, является элемент холста, создаваемый 
с помощью тега <сапуаз>. 


2. Для доступа ко многим улучшенным функциям НТМІ5, например к холстам 
или геолокации, нужно использовать код ]ауазст!рё. 


3. Для внедрения аудио и видео в веб-страницу нужно применять теги ‹ачц4а10> или 
<\14ео>. 


4. В НТМТ5 появилось локальное хранилище, предлагающее более высокие воз- 
можности по доступу к локальному пользовательскому пространству памяти 
по сравнению с сооКіе, ограниченными объемом хранимых данных. 


5. В НТМГ5 для выполнения нужных вам фоновых задач можно установить ра- 
бочие веб-процессы, представляющие собой простые разделы кода Јауа$Ѕсгірі. 


Глава 24 


1. Для создания в НТМІ. элемента холста нужно добавить тег ‹сапуаз> и указать 
идентификатор, который может использоваться кодом ЈауаЅсгірі для доступа 
к этому холсту: 


<сапуаѕ 14='тусапуа$ ' > 


2. Чтобы дать коду ЈауаЅсгірї доступ к элементу холста, нужно обеспечить предо- 
ставление элементу идентификатора, например тусапуаѕ, а затем воспользовать- 
ся функцией доситеп+. вез Е1етепЕаВу1а (или функцией 0 из файла 05С. 3, 
расположенного с архивом примеров на сайте, сопутствующем книге) для воз- 
вращения объекта, представляющего элемент. А для извлечения двумерного 
содержимого холста нужно вызвать для объекта метод ве{Сопфех*: 
сапуаз = Яоситеп . ре+Е1етеп+Ву1а( ' тусапуаѕ') 
сопфехЕ = сапуаѕ. сеСопёех+ ('24') 

3. Для указания начала пути холста нужно вызвать для объекта сопёехё метод 
реріпРа+ћ. После создания пути его нужно закрыть, вызвав для объекта соптехї 
метод с1оѕеРаЁћ: 


сопёехё.бреріпРа+ћ() 
// Сюда помещаются команды создания пути 
соп+ехі. с1оѕеРаїһћ() 
4. Извлечь данные с холста можно с помощью метода ёораёауві, присвоив потом 
эти данные свойству ѕпс объекта ітаве: 


1таре.згс = сапуаѕ.бора+аукі () 
5. Для создания градиентной заливки (радиальной или линейной) более чем 


с двумя цветами нужно с помощью цветовых опорных точек указать заранее 
созданному объекту вгадіепї все требуемые цвета и назначить каждому из них 
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10. 


начальную точку в виде долевого значения от полного градиента (в диапазоне 
от@до1): 

Бгадіепі .а@9Со1ог5${ор(@, 'вгееп') 

згаа1еп{ .аЯ@9Со1ог5Фор(0.3, 'геа’) 

вгаа1еп{ .аЯ@9Со1ог5Фор(0,79, 'огапзе’) 

;гаа1еп{ .аЯ9Со1ог5Фор(1, 'бгомп’) 

Для настройки ширины линий при рисовании нужно присвоить значение свой- 
ству 1іпеміа+ћ объекта сопех+: 


сопбехі.1іпеміаёћ = 5 


Чтобы обеспечить рисование только внутри определенной области, можно 
создать путь, а затем вызвать метод с11р. 


Сложная кривая с двумя воображаемыми точками притяжения называется кри- 
вой Безье. Для ее создания нужно вызвать метод регіегСигмеТо, предоставив для 
точек притяжения две пары координат х и у, за которыми необходимо указать 
еще одну пару координат для конечной точки кривой. После этого будет создана 
кривая от текущего места рисования и до указанного места назначения. 


Метод БеІтавера+а возвращает массив, состоящий из пиксельных данных ука- 
занной области с элементами, последовательно содержащими значения красной, 
зеленой и синей составляющей цвета пиксела, а также значение его альфа-про- 
зрачности. Следовательно, для каждого пиксела возвращается четыре элемента 
данных. 


Методу &гапз+огт передаются шесть аргументов (или параметров) в следу- 
ющем порядке: горизонтальное масштабирование, горизонтальный наклон, 
вертикальный наклон, вертикальное масштабирование, горизонтальное пере- 
мещение, вертикальное перемещение. Следовательно, аргументы, применяемые 
к масштабированию, имеют в этом списке номера 1 и 4. 


Глава 25 


Для вставки аудио и видео в документ НТМТ.5 предназначены теги ‹аиа1о> 
и <уійео»>. 


Чтобы гарантировать максимальную возможность проигрывания аудио на всех 
платформах, нужно использовать как минимум два кодека: РСМ и любой из 
других или Уогђіѕ и любой из других. 


Для проигрывания медиа в НТМТЬ и для постановки его на паузу можно вы- 
зывать методы р1ау и раиѕе элемента <аџаӣіо> или элемента <\14ео>. 


Чтобы поддержать проигрывание медиа в браузерах, не работающих с НТМІ5, 
можно вставить Е1аѕћ-аудио- или видеопроигрыватель в любой элемент <аиӣіо» 
или <уіаео>. В том случае если не будет поддерживаться проигрывание 
НТМІ5- медиа, он будет активизирован. 
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5. Чтобы гарантировать максимальную возможность проигрывания видео на всех 
платформах, нужно использовать кодек МР4/Н.264 и кодек Ове /Тћеога или 
УР8 для поддержки браузера Орега. 


Глава 26 


1. Для запроса у браузера геолокационных данных вызывается следующий метод, 
которому передаются имена двух функций, написанных вами для обработки 
доступа или отказа в получении данных: 


па\1вафог .вео1оса{1оп .вееСиггеп{Ро$11оп (вгапфед, аепіеа) 


2. Чтобы определить возможность поддержки браузером локального хранилища, 
нужно протестировать наличие у объекта 1оса15+огаре свойства +урео: 
1+ (Фурео+ 1оса15Фогаве == 'ипае1пеа') 
// Локальное хранилище недоступно 
3. Чтобы удалить все данные локального хранилища для текущего домена, можно 
вызвать метод 1оса15+огаве. с1еаг. 


4. Для связи рабочих веб-процессов с основной программой проще всего вос- 
пользоваться для отправки информации методом роѕ&Меѕѕаве. Для извлечения 
этой информации программа прикрепляет к объекту рабочего веб-процесса 
событие оптеѕѕаве. 


5. Чтобы предотвратить запуск рабочего веб-процесса, следует вызвать метод 
егпіпате объекта могКег, например могкег.ёегтіпа+е(). 


6. Предотвратить действие по умолчанию, не позволяющее осуществлять пере- 
таскивание для событий, управляющих операциями перетаскивания, можно 
путем вызова в ваших обработчиках событий опагавроуег и опагор метода 
ргеуепре+аи1+ в отношении объекта события. 


7. Чтобы сделать обмен сообщениями между документами более безопасным, 
нужно при отправке сообщений всегда предоставлять идентификатор домена: 
роѕ+Меѕѕаре(теѕѕасе, 'НЕр://тудота1т.сот') 

а при их получении проверять этот идентификатор: 
1+ (емеп.ог1в1т) != 'НЕЕр://тудота1т.сот') // Запрещение 

8. Можно также зашифровать данные или сделать обмен данными непонятным для 

непосвященных, чтобы воспрепятствовать вредоносной инъекции или перехвату. 


9. Микроданные предназначены для того, чтобы сделать информацию понятнее 
для компьютерных программ, например для поисковых движков. 


Интернет-ресурсы 


В этом приложении перечислены полезные сайты, предоставляющие материал, 
использованный в данной книге, и другие ресурсы для совершенствования ваших 
веб-приложений. 


Сайты, относящиеся к РНР 


ВЕр://атрр$.сот; 
ВЕр://содема!Кег$.сот; 
Һ&р://еаѕурһр.ого; 
Һір://ғогитѕ.Яеуѕһеа.сот; 
Һ&р://һоѕсгірїѕ.сот/саѓедогу/рһр/; 
Һір://һтідооаіеѕ.сот/Ббеуопа/рһр/; 
ВЕр://рНр.пеё 
ВЕр://рирЬийаег. сот; 
ВЕр://риргеаК$.сот; 
ВЕр://рприпй.ае; 
ВЕр://\3спос|5.сот/рИр/; 





ооооооооососооос 


ВЕр://7епа.сот. 


Сайты, относящиеся к МуЅ01 


О һр://Лаипсһраа.пеу/туѕај; 
О һр://туѕд!.сот; 

О ПЁр://рир.пе/ту$а!; 

О Һр://ріапеїтуѕаі.ого; 





Сайты, относящиеся к асинхронному обмену данными 
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О һр://огасіе.сот/иѕ/ѕип; 





О _ И&р://м3вспоо5.сот/РНР/рИр_ту$а/ 1. 


Сайты, относящиеся к Зама5сире 


Вр: //Аемеорег.то7Ма.огд/еп/Зауа5сире; 
Вр: //дупатисайуе.сот; 
Һр://јауаѕсгірё.аБоиЁ.сот; 
Һр://јауаѕсгірё.сот; 
Һр://јауаѕсгірікі.сот; 

Һер: //\№уЗѕсһооЇ5.сот/25; 


Һер: //уумуу.муергеѓегепсе.соту/јѕ. 





оооооорв 


Сайты, относящиеся к С55 


О һр: //сѕѕбаѕісѕ.сот; 
О һр://сѕ5-аіѕсиѕѕ.іпсиііо.соту/\міКі/Ргіпі_ЅуІеѕһееіѕ; 
О һр: //їгееһтіуаііааёог.сот; 





О һр://аиігкѕтоде.ога/сѕѕ/диігкѕтоае.һҺёті. 


Сайты, относящиеся к НТМІ5 


Һр://сапіџѕе.сот; 
Һр://һті5аӢетоѕ.сот; 
Һр://Һті5аосіог.сот; 
Һр://һтібгеааіпеѕѕ.сот; 
Һер://Һті5{еѕЕ.сот; 
Һр://Һтіуаііааёог.сот; 





оооооооео 


Вр: //тодегиг. сот. 


Сайты, относящиеся к асинхронному 
обмену данными 


С И&р://адах.азр.пеЕ; 
СО һр://ајахіап.сот; 





О һр://аеуеіореглто2а.ога/еп/АЈАХ; 
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Һ&р://аојоѓооІКіХ.ого; 
ВЕр://)ачегу.сот; 
ВЕр://)ачегутое.сот; 
ВЕр://тооюс[5.пеё 
ВЕр://ореп]5.сот; 
ВЕр://ргокоуре]$.огд. 





ооооео 


Сайты с разнообразными ресурсами 


Һр://арасһеѓгіепаѕ.ого; 
Һр://еаѕурһр.ого; 

Һ&р://есіірѕе.ого; 

Һір://еайга.ого; 

Һр://татр.іпғо/еп; 
Һір://ргодгаттіпоѓогитѕ.ого; 

ВЕ р://риву.ого; 
Һ&р://ѕоигсеѓогде.пеЁ/ргојесёѕ/діоѕѕуога. 





ооооовооро 


Стоповые слова Му5ОЕ 
для ҒЕОШТЕХТ 


В этом приложении содержится более 500 стоповых слов (36ор\ог4$), упоминав- 
шихся в пункте «Создание индекса ЕОТ.ГТЕХТУ» на с. 223. Стоповыми называются 
слова, которые считаются настолько распространенными, что не могут представлять 
ценности для поиска или хранения в индексе ЕОТТ/ТЕХТ. Теоретически игно- 
рирование этих слов слабо влияет на результаты большинства поисков в режиме 
ЕОГГТЕХТ, но позволяет существенно сократить объем и повысить эффективность 
работы баз данных МуЗОТ.. Здесь приведены слова в нижнем регистре, но этот 
перечень касается также слов, представленных в верхнем и смешанном регистрах. 


А 


А’, аЫе, аБоиг, аБоуе, ассогаіпе, ассог ту, асгоѕѕ, асбиаПу, аКег, аКег\уаг$, аваш, 
абаіпѕі, аш”, аП, По, аЦо\/з, аітоѕі, а1опе, а1опе, а[геаду, аїѕо, а{БоиэВ, а[\\ауз, ат, 
атопе, атоп5$6, ап, ап4, апо ег, апу, апубоду, апућох, апуопе, апу1т, апу\ау, 
апу\ауз, апуућеге, араг, арреаг, арргесіаќе, арргоргіаќе, аге, агеп'ї, агоип4, аз, аѕійе, 
азк, аѕКіпуе, аѕѕосіасеа, аб, ауаЙаЫе, амау, ашу. 


В 


Ве, Бесате, Бесаизе, Бесоте, Бесотез, Бесотіпе, Бееп, Беѓоге, Беюогерапа, Беһіпа, 
Бешта, БеЙеуе, Бео\м, Беѕійе, Беѕійеѕ, Беѕе, Бессег, Бесуееп, Беуопа, Боїћ, Ьгіеѓ, Биї, Бу. 


С 


С’топ, с’, сате, сап, сап'ї, саппоѓ, сапе, сацзе, саџѕеѕ, сегёаіп, сегбай\у, сһапвез, 
сІеагІу, со, сот, соте, сотеѕ, сопсегпіпе, сопзедиеп у, сопѕійег, сопѕійегіпе, сопѓаіп, 
сопѓаіпіпе, сопќаіпѕ, соггеѕропаіпе, соч 4, сошап', соцгѕе, сиггеп у. 


р 


ЮећпісеЈу, еѕсгіБеа, ЧезрКе, 44, іп”, егеп, їо, 4оез, їоеѕп'ї, Чо, Чоп”, опе, 
Чо\уп, Їоупуагаѕ, іџгіпу. 
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Е 


Еасһ, еи, ер, еіеһћ, еіһег, е[5е, еіѕемһеге, епоиэВ, епиге[у, езреслаПу, еї, ес, еуеп, 
еуег, еуегу, еуегуро4у, еуегуопе, еуегуһіпе, еуегу\мВете, ех, ехас у, ехатріе, ехсерї. 


Е 


Еаг, [е\у, ВНЪ, йгѕе, буе, ЮПо\ме4, ЮПо\уте, ЮПо\уз, Юг, огтег, Югтешу, ЃогЕћ, Ѓоиг, 
Гош, Еаг Бег, ЕагБегтоге. 


С 
Сеї, зе, зенит, 51уеп, оіуеѕ, 50, 506$, 5011$, опе, 50%, боеп, этееИп$$. 
Н 


Наа, Һайп’, Баррепз, Баг у, Баз, һаѕп’, һауе, Һауеп’, һауіпе, һе, Бе’з, ҺеПо, Бер, 
Бепсе, Бег, һеге, Беге’з, һегеаЌег, һегеБу, һегеіп, Вегеироп, һегѕ, Вегзе Ё, Һ, Бит, Һе, 
615, Мег, Боре Пу, Һоҹ, ҺомБеі, Һоҹеүег. 


І 


Га, РИ, го, гуе, іе, і, 12 поге4, име ще, іп, іпаѕтисћ, шс, ш4ее4, іпдісаѓе, іпаісасеа, 
іпісаѓеѕ, іппег, іпѕоѓаг, іпѕіеаа, іпіо, іпуага, 15, іѕп', 10, 14, 1011, 165, 15, зе. 


Ј 

Јаѕі. 

К 

Кеер, Кеерѕ, кері, Кпоу, Кпоҳуѕ, Кпохп. 
Г, 


Гаі, Іаќе[у, [абег, Іассег, Іаќсету, Іеаѕі, [ез$, [ез6, [еб, Іеѓ'ѕ, іКе, ікеа, Пкейу, пе, Іоок, 
ІооКкіпе, Іооўкѕ, 164. 


М 


Маіпу, тапу, тау, тауђе, те, теап, теапуһіе, тете[у, тіећ, тоге, тогеоуег, 10$, 
тоѕіу, тисћ, тиз, ту, туѕе] 


М 


Маше, пате|у, па, пеаг, пеау, песеѕѕагу, пее4, пее, пеійћег, пеуег, пеуегіће]еѕѕ, пех, 
пех, піпе, по, поБоду, поп, попе, поопе, пог, погтаПу, пої, по, поуе|, поу, поућеге. 


о 


ОБуіоџиѕ]у, оф ой, оќеп, оћ, оК, оКау, о!4, оп, опсе, опе, опез, оу, ото, ог, оћег, оћегѕ, 
оегуіѕе, оцеће, ог, ои, оигзе]уез, оиб, оџіѕійе, оуег, оуегаП, о\уп. 


Р 


Рагіісшаг, рагіісшапу, рег, регћарѕ, рІасей, рІеаѕе, рІиѕ, розз1Ые, ргезитаЫу, ргоБаЫу, 
ргоу14ез. 
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о 
Оце, ааКе, ду. 
К 


Ваіег, та, те, геаПу, геаѕопаЫу, гевагаіпе, гевага1еѕѕ, гевагаѕ, ге айуеу, гезресиуеу, 
115. 


5 


За14, зате, за\\, ѕау, ѕауіпе, зауз, ѕесопа, зесоп у, ѕее, ѕееіпе, ѕеет, ѕеетей, ѕеетіпе, 
ѕеетѕ, ѕееп, зе, ѕеіуеѕ, ѕепѕіЫе, ѕепї, ѕегіоиѕ, ѕегіоцѕ1у, ѕеуеп, зеуега|, зВа|, ѕһе, ѕһоиа, 
ѕһошап’, ѕіпсе, ѕіх, $50, ѕоте, зотеро4у, ѕотеһо%, зотеопе, ѕотеіпе, зотейте, 
зотейтез, ѕотемћаї, ѕотемћһеге, ѕооп, ѕоггу, ѕресійей, ѕресіѓу, ѕресіЃуіпе, 50111, ѕиБ, 
ѕисћ, ѕир, ѕиге. 


Т 


Т’, саке, акеп, е11, іепаѕ, (В, ап, ћапК, Һапкѕ, алх, аё, аё, фаз, һе, (Бег, 
Сћеігѕ, ет, (фетзеуез, еп, ћепсе, (Беге, ћеге’ѕ, (БегеаЁег, егеБу, ћегеѓоге, 
Сћегеіп, (ћегеѕ, (Бегеироп, (Безе, ћеу, ћеу', ћеу?, Һеуте, һеу'уе, пк, га, 6615, 
Сћогоцећ, (огоцећУу, ћоѕе, Һоцећ, Һгее, һгоцећ, гоцећһои, (Бги, (һи, о, ёовећег, 
Соо, ѓооК, оъага, соъагаѕ, ед, ігіеѕ, ігиу, іту, ітуіпе, смлсе, мо. 


о 


Ол, ипаег, ипѓогипаќе[у, ип1еѕѕ, ипйКе[у, ип, ито, ир, ироп, и, иѕе, изе4, изеЁ 4, 
и3е5, иѕіпе, изиаПу. 


У 
\Уа|е, уагіоиѕ, уегу, уіа, 17, уѕ. 
уу 


У\Уапі, апі, уаѕ, уаѕп’, уау, ме, ме’, ме/1ї, уе?те, уе’уе, уеісоте, уе, епі, уеге, 
уегеп'ї, ућаї, уһа'ѕ, уһаѓеуетг, реп, \уВепсе, уһепеуег, \мВеге, мһеге’ѕ, уһегеаЌетг, 
уућегеаѕ, уһегеБу, уһегеіп, уһегеџроп, ууһегеуег, Ве ег, уһісһ, ме, уһіҺег, һо, 
ућо’ѕ, мһоеуег, мһоІе, Вот, уһоѕе, му, №111, мііпе, мВ, мБ, уіп, Мои, 
уоп”, опет, моша, мощ 4, мощ”. 


У 
Үеѕ, уеѓ, уои, уоц’4, уо], уоите, уот’уе, уопг, уошѕ, уоигзе Е, уоитзеуез. 
7, 


Гето. 


Функции Муз 


За счет функций, встроенных в Му5ОГ, существенно сокращается время выполне- 
ния сложных запросов и упрощается их конструкция. Если есть желание получить 
более полную информацию обо всех доступных функциях, можете обратиться 
к материалам сайтов по следующим О ВГ-адресам: 


О строковые функции: Чпуий.сот/рйря пав ипсс; 


О функции даты и времени: іпуигі.сот\рһрааѓеапайте. 


Но для ускорения далее приводятся описания наиболее востребованных функций 
Му5ОГ. 





Строковые функции 


Перечислим основные функции для работы со строками. 


С СОМСАТ (562, 572, ...) 


Возвращает результат объединения $#/1, 572 и любых других параметров 
(или МИГЕ, если все аргументы имеют значение МО). Если какой-нибудь из 
аргументов имеет двоичную форму, то результат будет возвращен в виде дво- 
ичной последовательности. В противном случае результат будет в виде строки, 
не имеющей двоичного формата. Например, следующий код возвращает строку 
Му50 С 

ЅЕГЕСТ СОМСАТ("Му', '5', "01'); 

С СОМСАТ М5 (5ерагафог, $1г1, $%г2, ...) 


Эта функция работает так же, как и СОМСАТ, за исключением того, что между 
объединяемыми элементами она вставляет разделитель. Если разделитель 
имеет значение МОШ, то результат тоже будет МОШ, но значения МІ могут ис- 
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пользоваться и в качестве других аргументов, которые в таком случае будут 
пропущены. Следующий код возвращает строку Тгитап, Наггу ‚5: 
ЅЕГЕСТ СОМСАТ_\5(",', 'Тгитап', 'Наггу', '5'); 


ІЕЕТ (5, (еп) 


Возвращает (еп крайних слева символов из строки 5%г (или №, если какой- 
нибудь из аргументов имеет значение М). Следующий код возвращает строку 
СПг1$: 

ЗЕЁЕСТ ІЕРТ('Сһгіѕёорһег Со1итби$', '5'); 


КІСНТ (5, (еп) 


Возвращает [еп крайних справа символов из строки $" (или МІ, если какой- 
нибудь из аргументов имеет значение М). Следующий код возвращает строку 
Со1итбиѕ: 


ЗЕЁЕСТ КІСНТ ( 'Сһгіѕёорһег Со1итриѕ', '8'); 
МІЮ(5&”, роѕ, (еп) 


Возвращает до [еп символов из строки $&г, начиная с позиции роз. Если аргу- 
мент [еп опущен, то возвращаются все символы до конца строки. Для аргумента 
роз можно использовать отрицательное значение, тогда он будет представлять 
позицию символа, вычисляемую с конца строки. Первой позицией в строке 
является 1. Следующий код возвращает строку "ѕ#ор": 

ЗЕЁЕСТ МІР”Р('Сһгіѕъорһег Со1итриѕ', '5', '4'); 


ГЕМСТН( $) 


Возвращает длину строки $/ в байтах. Учтите, что при встрече многобайтовых 
символов учитываются все их байты. Если нужно узнать количество символов 
в строке, необходимо воспользоваться функцией СНАВ_ЕЕМСТН. Следующий код 
возвращает значение 15: 

ЅЕГЕСТ ЕЕМСТН('МагК 2искегреге'); 


ІРАР (5, [еп, рааѕ+г) 


Возвращает строку ѕм, дополненную до длины Теп символами рааѕ+г, добав- 
ляемыми в начало строки. Если строка $г длиннее, чем (еп, то строка возвра- 
щается усеченной до [еп символов. Этот код: 


ЗЕЁЕСТ ІРАр( '"Јапиагу', '8', ' '); 
ЗЕЁЕСТ ЕРАБ('Еебгичагу', '8', ''); 
ЅЕГЕСТ 1РАО('Магсй', '8', ''); 
ЅЕГЕСТ 1РАБ('Арг11', '8', ''); 
ЅЕГЕСТ ІРАР( '"Мау', '8', ''); 


вернет следующие строки: 


Запиагу 
Еебгиагу 
Магси 
Аргі1 
Мау 


Обратите внимание на то, как все строки были дополнены до восьми символов. 
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С КРАО(5$и, [еп, рааѕъг) 


Эта функция работает так же, как и функция (РАО, за исключением того, что она 
возвращает строку, дополненную символами не слева, а справа. Следующий код 
возвращает строку "Н1!!!": 
ЅЕГЕСТ ВРАБС'Н1', '5', '!'); 

С ТОСАТЕ($иб$Ек, $1, роѕ) 


Возвращает позицию первой же встреченной подстроки $и65%г в строке $%г. 
Если функции передан параметр роѕ, то поиск начинается с позиции роз. 
Если ѕиБѕёғ не была найдена в строке $#г, возвращается значение ё. 


Следующий код возвращает значения 5 и 11, поскольку при вызове первой 
функции возвращается позиция первого встреченного слова ип1*, а вторая 
функция начинает поиск только с седьмого символа и поэтому выводит пози- 
цию второго появления этого слова в строке: 
ЗЕЁЕСТ ГОСАТЕ( 'ипіЄ'. 'Соттипі+у ип1*'); 
ЗЕЁЕСТ ГОСАТЕ('ипіЄ', 'Соттипі+у ип1*', 7); 

О 10МЕК (5р) 


Эта функция является прямой противоположностью функции ОРРЕК. Она воз- 
вращает строку ѕ+ғ, все буквы которой переводятся в нижний регистр. Следу- 
ющий код возвращает строку "аиееп е1іғабеї+ћ 11": 

ЅЕГЕСТ 1ОМЕВ( 'Оцееп Е11хабефи ІІ'); 


О УРРЕВ($%/) 


Эта функция является прямой противоположностью функции Е ОШЕВ. Она воз- 
вращает строку ѕ^, все буквы которой переводятся в верхний регистр. Следу- 
ющий код возвращает строку "І САМ'Т НЕЁР ЅНО0ТІМС": 

ЅЕГЕСТ УРРЕК('Т сап'+ Пе1р ѕһоибіпе'); 


О 0\0ТЕ($*^) 


Возвращает строку, помещенную в кавычки, которая будет готова к исполь- 
зованию в инструкции ЗОТ, для чего в ней отключаются все неоднозначно 
толкуемые символы. Возвращаемая строка заключается в одинарные кавычки, 
а перед всеми имеющимися в ней одинарными кавычками, обратными слешами, 
АЅСП-символами МИ и Сі1-2 устанавливается обратный слеш. Если аргумент 
имеет значение МУ, возвращаемое значение является словом МОШЕ, не заклю- 
ченным в кавычки. Код примера возвращает следующую строку: 

'Т\'м һипегу' 

Обратите внимание на то, как символ одинарной кавычки (') был заменен 
символами /'. 

ЗЕЁЕСТ ОЦОТЕ("Т'ш Випёгу"); 


С КЕРЕАТ (5, соип) 


Возвращает строку, содержащую соип* копий строки $Ег. Если соип меньше 
единицы, возвращается пустая строка. Если какой-нибудь из параметров имеет 
значение МОШ, возвращается МШ. Следующий код возвращает строки "Но Но Но" 
и "Меггу СНг15та$": 
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С КЕРІАСЕ(5 Е”, фгот, Фо) 
Возвращает строку 5р, в которой все появления строки }гот заменены стро- 
кой ёо. При проведении поиска подстроки Хгот поиск и замена чувствительны 
к регистру. Следующий код возвращает строку "Сһееѕеригрег ап4 Соке": 
ЗЕЁЕСТ КЕРІАСЕ( 'СНеезебигвег апа Егіеѕ', 'Ғгіеѕ', 'Соке'); 


О ТВТМ( [5 рест1ег гетоуе ЕКОМ] 5л) 


Возвращает строку $Е/, из которой удалены все префиксы и (или) суффиксы, 
имеющие значение гетоуе. В качестве ѕресіўҒіем может быть указан один из 
спецификаторов: ВОТН (оба), ТЕАОТМб (ведущие) или ТКА ІМ (замыкающие). 
Если спецификатор не указан, предполагается спецификатор вотн. Строка 
гетоуе является необязательным параметром, и при ее отсутствии удаляются 
пробелы. Следующий код возвращает строки № Рада1пв и Не110: 
ЗЕЁЕСТ ТКІМ(' № Радаіпе '); 
ЅЕГЕСТ ТВТМ(ТЕАОТМ '_' ЕВОМ ' Не11о '); 

О 1ТАІМ(ѕе) 


Возвращает строку ѕ+”, у которой удалены все начальные пробелы. Следующий 
код возвращает строку "№ Рада1 тв ": 
ЗЕЁЕСТ ЕТВТМ(' № Радаіпе ")% 

О АТКІМ(51е) 
Возвращает строку ѕёғ, у которой удалены все замыкающие пробелы. Следу- 
ющий код возвращает строку " № Раддіпр": 
ЅЕГЕСТ ВТВТМ(' № Радаіпв "08 


Функции для работы с датами 


Даты — важная составная часть большинства баз данных. При проведении финан- 
совых транзакций должны записываться даты, при повторных выставлениях счетов 
должны учитываться сроки истечения действия кредитных карт ит. д. Поэтому неуди- 
вительно, что в Му5ОТ. имеется широкий спектр функций для работы с датами. 


О СИКРАТЕ() 


Возвращает текущую дату в формате ҮҮҮҮ-ММ-рр или УУУММОО в зависимости 
от того, в каком контексте используется функция: строковом или числовом. 
2 мая 2018 года следующий код вернул бы значения 2018-05-02 и 20180502: 
ЅЕГЕСТ СУВРАТЕ ( ) ; 
ЅЕГЕСТ СУВБАТЕ() + 9; 

С РАТЕ(ехрг) 
Извлекает дату из выражения РАТЕТІМЕ, переданного в аргументе ехрг. Следу- 
ЮЩИЙ код возвращает значение 1961-05-02: 

С РАТЕ _Арр (дае, ТМТЕВ\УАЕ ехрг ипї+) 


Возвращает результат добавления выражения ехрг, в котором к дате приме- 
няется единица измерения ипіё. Аргумент дае является стартовой датой или 
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значением БАТЕТТМЕ, а ехрг для отрицательных интервалов может начинаться 
с минуса (-). В табл. ПГ.1 показаны типы интервалов, поддерживаемые и ожи- 
даемые в качестве значений ехрг. Обратите внимание на приведенные в этой 
таблице примеры, которые показывают, в каких случаях значение ехрг должно 
быть заключено в кавычки, чтобы база данных Му5ОТ, смогла их правильно 
интерпретировать (при любых сомнениях лучше добавить кавычки, которые 


не помешают работе). 


Таблица ПГ.1. Ожидаемые значения ехрг 






























































Тип Ожидаемое значение ехрг Пример 
МСКВОЗЕСОМО МИКРОСЕКУНДЫ 111111 
ЗЕСОМО СЕКУНДЫ 11 
МІМОТЕ МИНУТЫ 11 
НООК ЧАСЫ 11 

РАУ ДНИ 11 
УУТЕЕК НЕДЕЛИ 11 
МОМТН МЕСЯЦЫ 11 
ОПАБКТЕК КВАРТАЛЫ 1 

УЕАК ГОДЫ 11 
ЅЕСОМЮ МІСКОЅЕСОМРЮ 'СЕКУНДЫ.МИКРОСЕКУНДЫ' 11.22 
МІМОТЕ МІСКОЅЕСОМРЮ "'МИНУТЫ.МИКРОСЕКУНДЫ" 11.22 
МІМОТЕ ЅЕСОМЮ "'МИНУТЫ:СЕКУНДЫ" '11:22' 
НООК МІСКОЅЕСОМР 'ЧАСЫ.МИКРОСЕКУНДЫ' 11.22 
НОСОВ ЅЕСОМ”Ю 'ЧАСЫ:МИНУТЫ:СЕКУНДЫ' '11:22:33' 
НООК МІЧОТЕ "ЧАСЫ:МИНУТЫ' '11:22' 
РАУ_ МІСКОЅЕСОМР 'ДНИ.МИКРОСЕКУНДЫ' 11.22 
РАУ ЅЕСОМр 'ДНИ ЧАСЫ:МИНУТЫ:СЕКУНДЫ' '11 22:33:44" 
РАУ_ МІЧОТЕ 'ДНИ ЧАСЫ:МИНУТЫ' '11 22:33' 
РАУ НОСОК 'ДНИ ЧАСЫ" '11 22' 
УЕАВ МОМТН 'ТОДЫ-МЕСЯЦЫ' '11-2' 











Для вычитания интервала дат можно также воспользоваться функцией РАТЕ _50В. 
Но функциями РАТЕ _Арр и рАТЕ_50В можно вообще не пользоваться, посколь- 
ку МУЗОГ допускает непосредственные арифметические операции с датами. 
Данный код: 

ЅЕГЕСТ РАТЕ _А0р0('1975-01-01', ТМТЕВУАЕ 77 РАҮ); 

ЅЕГЕСТ РАТЕ 508('1982-07-04', ТМТЕВУАЕ '3-11' УЕАВ МОМТН); 

ЅЕГЕСТ '2018-12-31 23:59:59' + ТМТЕКУАЕ 1 ЅЕСОМО; 

ЅЕГЕСТ '2000-01-01' - ТМТЕКУАЕ 1 $ЕСОЮО; 

возвращает следующие значения: 


1975-03-19 1978-08-04 2019-01-01 00:00:00 1999-12-31 23:59:59 


Функции для работы с датами 785 





Обратите внимание на то, как в последних двух командах используются непо- 
средственные арифметические операции с датами без обращения к функциям. 


С РАТЕ_РОВМАТ (дае, Ғоғта+) 


Эта функция возвращает значение даты даее, отформатированное в соответ- 
ствии со строкой форматирования фогта*. В табл. ПГ.2 показаны специфика- 
торы, которые можно указывать в строке форматирования оптат. Учтите, что 
символ % нужно ставить так, как показано в таблице, то есть впереди каждого 
спецификатора. Следующий код возвращает заданную дату и время в виде 
Еһідау Мау ДЕН 2018 03:02 АМ: 

ЅЕГЕСТ РАТЕ_РОВМАТ ("2018-05-04 03:02:01', "н ФМ Яр ХҮ %н:%1 %р'); 


Таблица ПГ.2. Спецификаторы, использующиеся в функции РАТЕ _РОВМАТ 













































































Спецификатор | Описание 

%а Сокращенное название дня недели (Зип — Ѕаб) 

%Ь Сокращенное название месяца (Јап — Оес) 

%с Месяц в числовом формате (0-12) 

%р День месяца с английским суффиксом (0%, 156, 2па, Зга...) 

%а День месяца в числовом формате (00-31) 

%е День месяца в числовом формате (0—31) 

%# Микросекунды (000000—999999) 

%Н Час, две цифры (00—23) 

%һ Час, две цифры (01—12) 

%І Час (01-12) 

%1 Минуты в числовом формате, две цифры (00—59) 

%) День года (001—366) 

%К Час (0-23) 

%] Час (1-12) 

%М Название месяца (Јапџагу — Ресетђег) 

Ут Месяц в числовом формате, две цифры (00-12) 

%р АМ или РМ (до или после полудня) 

%т Время в 12-часовом формате (Бћ:тпт:ѕ5, за которыми следует АМ или РМ) 
%5 Секунды, две цифры (00-59) 

%5 Секунды, две цифры (00—59) 

%Т Время в 24-часовом формате (66:11:55) 

%0 Неделя (00-53), когда первым днем недели считается воскресенье 
%и Неделя (00-53), когда первым днем недели считается понедельник 





Продолжение = 
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Таблица ПГ.2 (продолжение) 












































Спецификатор | Описание 
%У Неделя (00—53), когда первым днем недели считается воскресенье; 
используется со спецификатором %Х 
%үу Неделя (00-53), когда первым днем недели считается понедельник; 
используется со спецификатором %х 
№ Название дня недели (Ѕипйау — ЗабигЧау) 
№ День недели (0 — воскресенье — 6 — суббота) 
%Х Год для недели, в которой первым днем считается воскресенье, в числовом 
формате, четыре цифры; используется вместе с %У 
%х Год для недели, в которой первым днем считается понедельник, в числовом 
формате, четыре цифры; используется вместе с %у 
%Ү Год в числовом формате, четыре цифры 
%у Год в числовом формате, две цифры 
%% Символ % как таковой 
О ОАУ(ааЕе) 





Возвращает для даты аате день месяца в диапазоне от 1 до 31 или возвращает @ 
для дат, содержащих нулевую составляющую дней, таких как 0000-00-00 или 
2018-00-00. Для возвращения таких же значений можно также воспользоваться 
функцией БАУОЕМОМТН. Следующий код возвращает значение 3: 

ЅЕГЕСТ ОАУ('2018-02-03'); 


ОАУМАМЕ ( дате) 

Возвращает название дня недели для даты адаёе. Следующий код возвращает 
строку 5афигадау: 

СЕЁЕСТ РАУМАМЕ ( '2018-02-03'); 

ОАУОЕМЕЕК (дае) 

Возвращает номер дня недели для даты даее в диапазоне от 1 для воскресенья 


до 7 для субботы. Следующий код возвращает значение 7: 
ЅЕГЕСТ РАҮОЕМЕЕК('2018-02-03'); 


ОАҮОҒҮЕАК (дае) 


Возвращает день года для даты дае в диапазоне от 1 до 366. Следующий код 
возвращает значение 34: 


ГАЗТ_РАУ (ааее) 


Возвращает последний день месяца для заданной в формате БАТЕТТМЕ даты дае. 
Если аргумент имеет неправильный формат, возвращает МОШ. Данный код: 


ЅЕГЕСТ ЕАЗТ_РАУ('2018-02-03'); 
ЅЕГЕСТ ЕАЗТ_РАУ('2018-03-11'); 
ЅЕГЕСТ ЕАЗТ_РАУ('2018-04-26'); 
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возвращает следующие значения: 


2018-02-28 
2018-03-31 
2018-04-30 


С МАКЕРАТЕ ( уеаг, дауофуеаг) 


Возвращает дату, соответствующую предоставленному году уеаг и дню года 
аауофуеаг. Если дауофуеаг имеет нулевое значение, результат будет в виде зна- 
чения МОШ. Следующий код возвращает дату 2018-10-01: 

ЅЕГЕСТ МАКЕРАТЕ (2018 ,274); 


о мМомтн(ааее) 


Возвращает месяц даты ааее в диапазоне от 1 до 12 с января по декабрь. Для дат, 
у которых часть, относящаяся к месяцу, имеет нулевое значение, например 
000ө-өө-өә или 2018-00-00, возвращает 0. Следующий код возвращает значение 7: 
ЅЕГЕСТ МОМТН ( '2018-07-11'); 


О МОМТНМАМЕ (дае) 


Возвращает полное название месяца для даты адае. Следующий код возвращает 
строку Эи1у: 
ЅЕГЕСТ МОМТНМАМЕ ( '2018-07-11'); 

О 5ҮЅРАТЕ() 


Возвращает текущую дату и время в виде значения в формате либо ҮүҮҮҮ-ММ-р0 
НН:ММ: 55, либо ҮҮҮҮММОрННММ55, в зависимости от того, в каком контексте ис- 
пользуется функция: строковом или числовом. Аналогичным образом работает 
функция МОИ, за исключением того, что она возвращает время и дату только на 
момент запуска текущей инструкции, а функция $У$БАТЕ возвращает время 
и дату именно на момент вызова самой функции. 19 декабря 2018 года в 19:11:13 
следующий код вернет значения 2018-12-19 19:11:13 и 20181219191113: 
ЅЕГЕСТ ЅҮЅР”РАТЕ(); 
ЅЕГЕСТ ЅҮЅР”АТЕ() + @; 

С УЕАК(ааее) 


Возвращает год для даты ааЁе в диапазоне от 1000 до 9999 или ё, если дата задана 
как 0000-00-96. Следующий код возвращает год 1999: 
ЅЕГЕСТ УЕАВ('1999-08-07'); 


С ИЕЕК(аае [, тоае]) 


Возвращает номер недели для даты аа*е. Если функции передан необязатель- 
ный параметр тоае, то возвращенный номер недели будет модифицирован 
в соответствии с описанием, приведенным в табл. ПГ.3. Можно также восполь- 
зоваться функцией МЕЕКОРУЕАВ, работа которой эквивалентна работе функции 
МЕЕК при использовании режима 3: Следующий код возвращает номер недели, 
равный 14: 

ЅЕГЕСТ МЕЕК('2018-04-04', 1); 
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Таблица ПГ.З. Режимы работы, поддерживаемые функцией МЕЕК 


















































Режим | Первый день недели Диапазон | Когда неделя 1 — это первая неделя... 
0 Воскресенье 0-53 С воскресеньем в этом году 

1 Понедельник 0—53 С более чем тремя днями в этом году 

2 Воскресенье 1-53 С воскресеньем в этом году 

3 Понедельник 1—53 С более чем тремя днями в этом году 

4 Воскресенье 0-53 С более чем тремя днями в этом году 

5 Понедельник 0—53 С понедельником в этом году 

6 Воскресенье 1—53 С более чем тремя днями в этом году 

7 Понедельник 1—53 С понедельником в этом году 
С ИЕЕКРАУ( аате) 


Возвращает номер дня недели для даты аае в диапазоне от ө (понедельник) до 
6 (суббота). Следующий код возвращает значение 2: 
ЅЕГЕСТ МЕЕКРАУ( '2018-04-04'); 


Функции для работы с временем 


Иногда приходится работать не с датой, а с временем, и Муз ОТ. предоставляет для 
этого большое количество функций. Далее перечисляются наиболее востребован- 
ные из них. 


О 


СУВТТМЕ ( Ё5р) 


Возвращает текущее время (в часовом поясе пользователя) в виде значения, 
имеющего формат НН:ММ:55 или ННММ$$ в зависимости от того, в каком контек- 
сте используется функция: строковом или числовом. Если предоставлен не- 
обязательный аргумент #ѕр со значением в диапазоне от @ до 6, в возвращаемое 
значение включается дробная секундная часть с указанным в этом аргументе 
количеством цифр. При текущем времени 11:56:23 следующий код возвращает 
значения 11:56:23 и 115623.000000: 

ЅЕГЕСТ СУВТТМЕО ЅЕГЕСТ СУВТТМЕО + @; 


НОЧВ ( 1тте) 


Возвращает значение часа для времени Е1те. Следующий код возвращает зна- 
чение 11: 
ЗЕЁЕСТ НОЦВ ( '11:56:23'); 


МТМОТЕ ( #1те) 


Возвращает значение минуты для времени іме. Следующий код возвращает 
значение 56: 


СЕЁЕСТ МТМОТЕ( '11:56:23'); 
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ЅЕСОМ№О( 1те) 


Возвращает значение секунды для времени ёіме. Следующий код возвращает 
значение 23: 
ЅЕГЕСТ $ЕСОМО ( '11:56:23'); 


МАКЕТТМЕ (лои, ттпи®е, ѕесопа) 


Возвращает значение времени, вычисленное на основе аргументов часа ћоиг, 
минуты ттпиЕе и секунды ѕесопа. Следующий код возвращает время 11:56:23: 


ЅЕГЕСТ МАКЕТТМЕ(11, 56, 23); 
ТТМЕОТЕЕ (ехрг1, ехрг2) 


Возвращает разницу между ехрг1 и ехрг2 (ехрг1 - ехрг2) в виде значения вре- 
мени. Оба аргумента должны быть выражениями одинакового типа в формате 
ТТМЕ или РАТЕТІМЕ. Следующий код возвращает значение 01:37:38: 

ЅЕГЕСТ ТТМЕОТЕЕ('2000-01-01 01:02:03', '1999-12-31 23:24:25'); 


ОМТХ_ТТМЕЗТАМР ( [да+е]) 


Эта функция при вызове без необязательного аргумента да*е возвращает 
в формате беззнакового целого числа то количество секунд, которое прошло 
с нуля часов, нуля минут и нуля секунд универсального синхронного времени 
(ОТС) 1 января 1970 года. Если функции передается параметр дате, то возвра- 
щаемое значение содержит количество секунд, которое прошло с 1970 года по 
указанную дату дате. Эта команда не будет возвращать одинаковое время для 
всех, поскольку переданные ей данные интерпретируются как местное время 
(заданное часовым поясом пользователя). Следующий код возвращает значение 
946684800 (количество секунд, которое прошло до начала нового тысячелетия), 
а затем возвращает отметку времени ТІМЕЅТАМР, представляющую текущее время 
системы ОМІХ на момент запуска функции: 

ЅЕГЕСТ ОМІХ_ТІМЕЅТАМР ('2000-01-01'); 

ЅЕГЕСТ МІХ ТІМЕЅТАМР(); 

ЕВОМ_ОМТХТТМЕ (ипіх_еімеѕтатр [, Ғоғта+]) 


Возвращает параметр ипіх_+ітеѕ атр либо в формате строки ҮҮҮҮ-ММ-ро 
НН:ММ: 55, либо в формате числа с плавающей точкой УУУУММООННММ$$ в зависимо- 
сти от того, в каком контексте используется функция: строковом или числовом. 
Если задан необязательный параметр Хогта*, результат форматируется в соот- 
ветствии со спецификаторами, показанными в табл. ПГ.2. Точное возвращаемое 
значение будет зависеть от местного времени пользователя. Следующий код 
возвращает строки 2000-01-01 00:00:00 и 5$афигдау Јапиагу 15+ 2000 12:00 АМ: 


ЗЕГЕСТ ЕКОМ_ОМТХТТМЕ (946684800) ; 
ЗЕГЕСТ ЕКОМ_ОМТХТТМЕ (946684800, '%м %М #р %У һ:%1 %р'); 


Селекторы, объекты 
и методы ]Очегу 


В главе 21 заложены хорошие основы для использования библиотеки ]Оцегу 
Јаха$сгірё. Чтобы помочь вам приступить к использованию јОпегу и получить от 
нее наивысшую отдачу, здесь приводится полный перечень селекторов, объектов 
и методов, используемых в этой библиотеке. Для рассмотрения некоторых из них 
в данной книге места не нашлось, но вы уже готовы к их использованию, поскольку 
обладаете достаточным уровнем знаний для их правильного применения. 


И все же имейте в виду, что иногда в библиотеку добавляются новые свойства, 
устраняются прежние недочеты, а некоторые функции могут быть не рекомендо- 
ваны к дальнейшему применению или удалены. Быть в курсе новейших разрабо- 
ток, нерекомендуемых или удаленных функций (не упомянутых в данном при- 
ложении) и самых последних выпусков }Очегу можно, изучая сайты һћќр://јачегу.сот/ 
и Һ&р://арі.јачегу.сот/. 


Селекторы ]Очегу 
6. 
Выбор всех элементов. 


(‘элемент’) 
Выбор всех элементов с заданным именем тега. 
('#идентификатор') 
Выбор конкретного элемента с заданным атрибутом идентификатора (10). 
('.класс'’) 
Выбор всех элементов с заданным классом. 
(‘селектор1, селектор2... селектор№') 


Выбор объединенных результатов всех указанных селекторов. 
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(‘прародитель потомок") 


Выбор всех элементов, являющихся потомками указанного прародителя. 


(‘ргеу + пехЕ') 
Выбор всех следующих элементов, соответствующих селектору пех, которые 
предшествуют непосредственно элементу ргем, находящемуся с ними на одном 
уровне. 

(‘ргем ~ 51611п95') 
Выбор всех элементов, находящихся на том же уровне, что и элемент ргеу, сле- 
дующих непосредственно за ним, имеющих тот же самый родительский элемент 
и соответствующих фильтрующему селектору 51611195. 

(‘рагепЕ > спа’) 
Выбор всех непосредственных дочерних элементов, указанных селектором 
сһіга, относящихся к тем элементам, которые указаны селектором рағепї. 

[пате] 
Выбор элементов с указанным именем атрибута пате с любым значением этого 
атрибута. 

[пате\='уайие '] 
Выбор элементов с указанным именем атрибута пате со значением этого атрибу- 
та, равным строке уайие или начинающимся с этой строки и продолжающимся 
знаком дефиса (-). 

[пате*= ' уаЁ ие '] 
Выбор элементов с указанным именем атрибута пате со значением, содержащим 
заданную подстроку уа(ие. 

[пате~= ' май ие '] 
Выбор элементов с указанным именем атрибута пате со значением, содержащим 
заданное слово уайие, отделенное от других слов пробелами. 

[пате$= ' уа[ие '] 
Выбор элементов с указанным именем атрибута пате со значением, оканчива- 
ющимся на заданную строку уайие. Сравнение чувствительно к регистру букв. 

[пате= 'уайие'] 
Выбор элементов с указанным именем атрибута пате со значением, точно соот- 
ветствующим конкретно указанной строке ма{ие. 

[пате! = 'уайие'] 


Выбор элементов, у которых либо нет указанного имени атрибута пате, либо он 
есть, но не с конкретным значением уа(ие. 
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[пате*=' уайие'] 
Выбор элементов с указанным именем атрибута пате со значением, в точности 
начинающимся с заданной строки уа{ие. 

[пате= 'уа{ие '] [пате2= 'уа[ие2 '] 
Соответствует элементам, которые соответствуют всем указанным фильтрам 
атрибутов. 

:апіта+еа 
Выбор всех элементов, находящихся в стадии применения к ним эффектов 
анимации на момент запуска селектора. 

:ри++оп 


Выбор всех элементов типа Би оп. 
: сһпескрох 
Выбор всех элементов ввода типа сһескбох. 


:сһескеа 


Соответствует всем выбранным элементам или элементам с установленными 
флажками. 


:сопёаіпѕ (ех) 


Выбор всех элементов, содержащих указанный текст ѓех+. 


:91за61еа 
Выбор всех элементов, находящихся в неактивном состоянии. 
: етреу 
Выбор всех элементов, не имеющих дочерних элементов (включая текстовые 
узлы). 
: епаб1еа 
Выбор всех элементов, находящихся в активном состоянии. 
:ед(п) 
Выбор внутри соответствующего набора элементов элемента с индексом п. 
:емеп 


Выбор элементов с четными номерами позиций (с учетом индексации, начина- 
ющейся с нуля). См. также :оаа. 


:-11е 


Выбор всех элементов ввода типа #і1е. 
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:[1г5{-сИ11а 


Выбор всех элементов, являющихся первыми дочерними элементами своего 
родителя. 


:Е1и5%-оф-фуре 


Выбор всех элементов, являющихся первыми среди одноуровневых элементов 
с одинаковыми названиями. 


: 15 

Выбор первого соответствующего элемента. 
: Роси$ 

Выбор элемента, если он в данный момент находится в фокусе. 
:81(1паех) 


Выбор в соответствующем наборе всех элементов с индексом выше заданного 
индекса іпаех. 


:һаѕ ( 5е[есфог) 


Выбор элемента, содержащего хотя бы один элемент, соответствующий указан- 
ному селектору 5е[есфог 


:һеааег 

Выбор всех элементов, являющихся заголовками, например, һћі, һ2, |3 ит. д. 
:Һіааеп 

Выбор всех невидимых (скрытых) элементов. 
:ітаре 

Выбор всех элементов типа ітаре. 
:іпри+ 

Выбор всех элементов іпри+, сех+агеа, ѕе1есі и Би Хоп. 
:1апе(Гападиаде) 

Выбор всех элементов указанного языка [апдиаде. 
:1аѕ+-сһі1а 


Выбор всех элементов, являющихся последними дочерними элементами своего 
родителя. 


:1аѕ+-о#-+уре 


Выбор всех элементов, являющихся последними среди одноуровневых элемен- 
тов с одинаковыми названиями элемента. 
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:1аѕі 


Выбор последнего соответствующего селектору элемента. 


:14(1паех) 
Выбор в соответствующем наборе элементов тех из них, у которых индекс ниже 
заданного индекса іпаех. 

:поЁ(ѕе[естог) 
Выбор всех элементов, не соответствующих указанному селектору ѕе[есёог. 

:пЕћ-сһі1а(п) 
Выбор всех элементов, являющихся п-ми дочерними элементами своих роди- 
телей. 

:пЕћ-1аѕ&-сһі1а(п) 
Выбор всех элементов, являющихся п-ми дочерними элементами своих роди- 
телей, вычисляемых от последнего элемента к первому. 

:пЕћ-1аѕ&-о+#-+уре(п) 
Выбор всех элементов, являющихся п-ми дочерними элементами своих ро- 
дителей по отношению к одноуровневым с ними элементам с тем же именем 
элемента при ведении отсчета от конца к началу. 

:пЕћ-о#-ёуре(п) 
Выбор всех элементов, являющихся п-ми дочерними элементами своего роди- 
теля по отношению к одноуровневым элементам с одним и тем же названием. 

:оаа 
Выбор элементов с нечетными номерами позиций (с учетом индексации, на- 
чинающейся с нуля). См. также :еуеп. 

:оп1у-сһі1а 
Выбор всех элементов, являющихся единственным дочерним элементом своих 
родителей. 

:оп1у-о#-+уре 
Выбор всех элементов, не имеющих одноуровневых элементов с таким же на- 
званием элемента. 

: рагеп{ 
Выбор всех элементов, у которых имеется хотя бы один дочерний узел (будь то 
элемент или текст). 

:раѕѕмога 


Выбор всех элементов ввода типа раѕѕмога. 


Объекты јОиегу 795 





: гаа1о 
Выбор всех элементов ввода типа гаа1о. 


:геѕеї 


Выбор всех элементов ввода типа геѕеё. 


:гооЁ 


Выбор элемента, являющегося для документа корневым. 


:ѕе1есїеа 
Выбор всех элементов ввода, которые были помечены на веб-странице в каче- 
стве выбранных. 

:ѕиртіт 
Выбор всех элементов ввода типа ѕиртіё+. 

:Сагреї 
Выбор всех целевых элементов, обозначенных в ОКІ документа идентифика- 
тором фрагмента. 

: Сехе 
Выбор всех элементов ввода типа бех. 

:у15161е 


Выбор всех видимых на экране элементов. 


Объекты јОиегу 


еуепі . сиггепТагве+ 


Текущий элемент ПОМ в фазе всплытия события. 


емепі.аа+а 
Необязательный объект данных, передаваемый методу события при привязке 
текущего исполняемого обработчика. 

е\еп{ .Яе1еватеТагве+ 
Элемент, к которому был прикреплен вызванный в данный момент обработчик 
события јОпету. 

еуепї .тефаКеу 


Показывает, была ли нажата клавиша МЕТА в момент выдачи события. 


еуеп* . патеѕрасе 


Пространство имен, указанное при инициировании события. 
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еуепї.рағвех 


Позиция указателя мыши относительно левого края документа. 


еуепї.равеү 


Позиция указателя мыши относительно верхнего края документа. 


емепё. ге1атеатагве+ 


Другой ООМ-элемент, вовлеченный в событие, если таковой имеется. 


емепї. геѕи1+ 
Последнее значение, возвращенное обработчиком события, запущенным дан- 
ным событием, если только оно не было равно оипаеғіпеа. 

емепї. агре 


ОМ -элемент, инициировавший событие. 


емепё . {1те$Фатр 
Разница в миллисекундах между временем создания события браузером и 1 ян- 
варя 1970 года. 

еуепї. уре 


Дескриптор события. 


емепё .мһісһ 


Для событий клавиатуры или мыши это свойство показывает конкретную на- 
жатую клавишу или кнопку. 


.јачегу 
Строка, содержащая номер версии јОпегу. 
јОиегу.сѕ5Ноокѕ 


Непосредственный перехват внутри јОпегу для переопределения способа из- 
влечения или установки конкретных свойств С5$, приведения к общему виду 
имен свойств С$55 или создания специально определяемых свойств. 


]0чегу . сзМитбег 


Содержит все свойства С5$, которые могут применяться без единицы измерения. 
Метод сѕѕ использует этот объект, чтобы увидеть, может ли он добавить рх 
к значениям без указания единицы измерения. 


]Очегу .геаау 


Рготіѕе-подобный (или так называемый тогдашний) объект, разрешение кото- 
рого выполняется по готовности документа. 


Методы јОиегу 797 





јОичегу. Ех. о 


Глобальное отключение всех эффектов анимации. 


ТепёЕП 


Количество элементов объекта ]Очегу. 


Методы ]Очегу 


$ 
Возвращение коллекции соответствующих элементов, либо найденных в ПОМ 
на основе переданного аргумента (аргументов), либо созданных путем передачи 
строки НТМГ. 
ааа 
Добавление элементов к набору соответствующих элементов. 
аааВаск 
Добавление предыдущего набора элементов в стек текущего набора с возмож- 
ностью фильтрации с помощью селектора. 
ааас1аѕ5 
Добавление указанного класса (классов) к каждому набору соответствующих 
элементов. 
аҒ%ег 
Вставка содержимого, указанного параметром, после каждого элемента в наборе 
соответствующих элементов. 
ајахСотр1е+е 
Регистрация обработчика, вызываемого при завершении Ајах-запросов. 
а] ахЕггог 
Регистрация обработчика, вызываемого при завершении Ајах-запросов ошибкой. 
ајахѕепа 
Прикрепление функции, выполняемой перед отправкой Ајах-запроса. 
а] ах$ФагЕ 
Регистрация обработчика, вызываемого при запуске первого Ајах-запроса. 
ајахѕ+ор 


Регистрация обработчика, вызываемого при завершении всех Ајах-запросов. 
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а] ах5иссе$$5 


Прикрепление функции, выполняемой при успешном завершении Ајах-запроса. 


ап1тафе 
Выполнение эффекта анимации, специально определенного в отношении на- 
бора СЗ5-свойств. 

аррепа 
Вставка содержимого, указанного параметром, в конец каждого элемента в на- 
боре соответствующих элементов. 

аррепато 


Добавление каждого элемента набора соответствующих элементов к концу 
целевого элемента. 


аїїг 
Получение значения атрибута первого элемента в наборе соответствующих 
элементов или установка одного или нескольких атрибутов для каждого соот- 
ветствующего элемента. 

Бефоге 
Вставка содержимого, указанного параметром, перед каждым элементом в на- 
боре соответствующих элементов. 

Биг 
Привязка обработчика событий к событию ЈауаЅсгірі Б1иг или инициирование 
этого события в отношении элемента. 

са11баскѕ.ааа 
Добавление функции обратного вызова или коллекции таких функций к списку 
функций обратного вызова. 

са11баскѕ.ЯіѕаБ1е 
Отключение списка функций обратного вызова от их дальнешего выпол- 
нения. 

са11баскѕ.аіѕаБ1еа 


Определение отключенного состояния списка функций отбратного вызова. 


са11баскѕ.етрёу 


Удаление всех функций обратного вызова из списка. 


са11баскѕ.Ғіге 


Вызов всех функций обратного вызова с заданными аргументами. 


Методы јОиегу 799 





са11БасК$ . Е1геа 


Определение факта хотя бы однократного вызова функций обратного вызова. 


са11баскѕ . Ғігемі+ћ 
Вызов всех имеющихся в списке функций обратного вызова с заданным кон- 
текстом и аргументами. 

са11браскѕ.һаѕ 


Определение факта прикрепления к списку каких-либо функций обратного вы- 
зова или (если функция обратного вызова предоставлена в качестве аргумента) 
факта наличия предоставленной функции в списке. 

са11баскѕ.1оск 


Блокировка списка функций обратного вызова в его текущем состоянии. 


са11баскѕ.1оскеа 


Определение факта заблокированности списка функций обратного вызова. 


са11баскѕ. гетоуе 
Удаление функции обратного вызова или коллекции таких функций из их 
списка. 
сһапве 
Привязка обработчика событий к событию ЈауаЅсгірї сһапве или иницииро- 
вание этого события в отношении элемента (в случае вызова без аргумента). 
сһі1агеп 
Получение дочернего элемента для каждого элемента в наборе соответствующих 
элементов с возможностью фильтрации с помощью селектора. 
с1еагдиеие 


Удаление из очереди всех функций, которые еще не были запущены. 


с1іск 
Привязка обработчика событий к событию ЈауаЅсгірї с1іск или инициирование 
этого события в отношении элемента (в случае вызова без аргумента). 

с1опе 


Создание глубокой копии набора соответствующих элементов. 


с10оѕеѕі 


Получение для каждого элемента в наборе первого элемента, соответствующего 
селектору, путем тестирования самого элемента и обхода вверх его прародите- 
лей в ООМ-дереве. 
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сопфепт$ 
Получение дочернего элемента для каждого элемента в наборе соответствующих 
элементов, включая текстовые узлы и узлы комментариев. 

С55 


Получение значения стилевого свойства для первого элемента в наборе соот- 
ветствующих элементов или (в случае вызова без дополнительного аргумента) 
установка одного или нескольких С$5-свойств для каждого соответствующего 
элемента. 

Дафа 


Сохранение произвольных данных, связанных с соответствующими элементами, 
или возвращение значения в поименованном хранилище данных для первого 
элемента в наборе соответствующих элементов. 

аб1с1іск 
Привязка обработчика событий к событию ЈауаЅсгірё аб1с1іск или иницииро- 
вание этого события в отношении элемента. 

аеҒеггеа.а1мауѕ 
Добавление обработчиков, вызываемых, когда в объекте реҒеггеа хранятся 
сведения либо об успешном выполнении задачи, либо о возникновении ошибки 
при ее выполнении, 

аеҒеггеа. саёсһ 
Добавление обработчиков для вызова в случае, если объект Бефеггеа от- 
клонен. 

аеҒеггеа. аопе 
Добавление обработчиков, вызываемых, когда в объекте реҒеггеа хранятся 
сведения об успешном выполнении задачи, 

аеҒеггеа. Ғаї1 
Добавление обработчиков, вызываемых, когда в объекте Бе+еггеа хранятся 
сведения о возникновении ошибки при выполнении задачи. 

аеҒеггеа. по1+у 
Вызов функции рговгеѕ5Са11баскѕ в отношении объекта Бееггеа с заданными 
аргументами. 

аеҒеггеа. поъі+уліћ 


Вызов функции рговге$$Са11Баск$ в отношении объекта Бееггеа с заданными 
контекстом и аргументами. 


Методы јОиегу 801 





аеҒеггеа. рговгеѕѕ 
Добавление обработчиков, вызываемых, когда объект Бефеггед генерирует уве- 
домление о ходе выполнения. 

аеҒеггеа. ргоміѕе 


Возвращение объекта Рготіѕе, являющегося заместителем объекта Бефеггеа. 


аеҒеггеа. ејесё 
Перевод объекта ре+еггеа в состояние невыполнения задачи и вызов любой 
функции Ғаі1Са116аскѕ с заданными аргументами. 

аеҒеггеа. гејесёмі+һћ 
Перевод объекта ре+еггеа в состояние невыполнения задачи и вызов любой 
функции Ғаі1Са116аскѕ с заданными контекстом и аргументами. 

де+еггеа. геѕо1ме 
Перевод объекта реғеггеа в состояние выполнения задачи и вызов любой функ- 
ции аопеСа11баскѕ с заданными аргументами. 

де+еггеа. геѕо1мемі+ћ 
Перевод объекта реғеггеа в состояние выполнения задачи и вызов любой функ- 
ции аопеСа11баскѕ с заданными контекстом и аргументами. 

е+еггед. ѕ+ае 


Определение текущего состояния объекта Бефеггеч. 


де+еггеа. ЕПеп 
Добавление обработчиков, вызываемых при переводе объекта Бефеггеа в состоя- 
ние выполнения задачи, невыполнения задачи или нахождении его в состоянии 
генерирования уведомление о ходе выполнения задачи 

ае1ау 
Установка таймера на задержку выполнения следующей функции из очереди 
функций. 

дедчечце 


Выполнение следующей функции из очереди для соответствующих элементов. 


де+асћ 


Удаление набора соответствующих элементов из РОМ. 


еасһ 


Обход элементов объекта јОпегу с выполнением функции в отношении каждого 
соответствующего элемента. 
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етр%у 
Удаление из РОМ всех дочерних узлов, относящихся к набору соответству- 
ющих элементов. 

епа 


Завершение последней операции фильтрации в текущей цепочке и возвращение 
соответствующих элементов к их предыдущему состоянию. 


еа 
Сокращение набора соответствующих элементов до одного с указанным ин- 
дексом. 

еуепї. іѕреҒаџ1+Ргеуептеа 
Возвращение истинного значения, если в отношении данного объекта события 
когда-либо вызывался метод ргемепёре+аи1+. 

емепё. іѕ1ттеаіаёеРгорараіопѕ+орреа 
Возвращение истинного значения, если в отношении данного объекта события 
когда-либо вызывался метод ѕёорІттедіаёеРгорава+іоп. 

емепё. іѕ5Ргорараёіопѕорреа 
Возвращение истинного значения, если в отношении данного объекта события 
когда-либо вызывался метод ѕёорРгорава+іоп. 

емепё . ргемепереҒаи1+ 
При вызове данного метода действие по умолчанию для данного события не за- 
пускается. 

емепі . ѕёорІттеаіа+еРгорава+іоп 
Воспрепятствование выполнению оставшихся обработчиков и всплытию со- 
бытия вверх по ООМ-дереву. 

емепё . $ орРгорава*1оп 
Воспрепятствование всплытию события по ОПОМ-дереву и уведомлению о со- 
бытии любых родительских обработчиков. 

Ғаде1п 


Постепенное проявление соответствующих элементов на экране. 


Ғааеои+ 


Постепенное растворение соответствующих элементов на экране. 


фадеТо 


Настройка прозрачности соответствующих элементов. 


Методы јОиегу 803 





ҒайеТорр1е 


Вывод на экран или скрытие соответствующих элементов путем анимации их 
прозрачности. 


#і1+ег 


Сокращение набора соответствующих элементов до тех, которые соответствуют 
селектору или проходят функциональный тест. 


Ғіпа 


Получение потомков каждого элемента в текущем наборе соответствующих 
элементов, отфильтрованных селектором, объектом јОџегу или элементом. 


Ғіпіѕћ 
Остановка текущей запущенной анимации, удаление всех эффектов анимации, 


находящихся в очереди, и завершение всех эффектов анимации для соответ- 
ствующих элементов. 


#ігѕ+ 


Сокращение набора соответствующих элементов до первого элемента в наборе. 


Ғосиѕ 


Привязка обработчика событий к событию ЈауаЅсгірѓ юсиз или инициирование 
этого события в отношении элемента (при вызове без аргумента). 


Ғосиѕіп 


Привязка обработчика событий к событию ЈауаЅсгірё Ғосиѕіп. 


Ғосиѕои+ 


Привязка обработчика событий к событию ЈауаЅсгірі Ғосиѕоиї 


еї 


Извлечение ОО М-элементов, соответствующих объекту јОпегу 


һаѕ 
Сокращение набора соответствующих элементов до тех элементов, у которых 
имеется потомок, соответствующий селектору или ООМ-элементу. 

һаѕС1а55 
Определение факта присваивания любому из соответствующих элементов за- 
данного класса. 

һеівһ+ 


Получение текущей вычисленной высоты первого элемента в наборе соот- 
ветствующих элементов или установка высоты каждого соответствующего 
элемента (при вызове с еще одним аргументом) 
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һіде 
Скрытие соответствующих элементов. 


һоуег 


Привязка одного или двух обработчиков к соответствующим элементам для их 
выполнения при входе указателя мыши в границы элемента или при его выходе 
за эти границы. 

һт1 


Получение НТМІ -содержимого первого элемента в наборе соответствующих 
элементов или установка НТМТ-содержимого для каждого соответствующего 
элемента (при вызове с еще одним аргументом). 


1паех 


Поиск заданного элемента среди соответствующих элементов. 


1ппегНе1 НЕ 


Получение текущей вычисленной высоты первого элемента в наборе соответству- 
ющих элементов (включая поля, но не границы) или (при вызове с еще одним 
аргументом) установка внутренней высоты каждого соответствующего элемента. 


іппегміаёћ 


Получение текущей вычисленной ширины (включая поля, но не границы) 
первого элемента в наборе соответствующих элементов или (при вызове с еще 
одним аргументом) установка внутренней ширины каждого соответствующего 
элемента. 


іпѕег+АҒёег 
Вставка каждого элемента в наборе соответствующих элементов после целевого 
элемента. 

іпѕег&Ве+оге 
Вставка каждого элемента в наборе соответствующих элементов перед целевым 
элементом. 

15 
Проверка текущего соответствующего селектору, элементу илиј Опегу-объекту 


набора элементов и возвращение истинного значения, если хотя бы ОДИН ИЗ ЭТИХ 
элементов соответствует заданным аргументам. 


јОчегу 
Возвращение коллекции соответствующих элементов, либо найденных в ПОМ 
на основе переданных аргументов (или аргумента), либо созданных путем пере- 
дачи строки НТМГ. 


Методы јОиегу 805 





јОчегу.ајах 


Выполнение асинхронного НТТР-запроса (Ајах-запроса). 


јОчегу.ајахРгеғҒі1+ег 
Обработка специальных Ајах-настроек или изменение существующих настроек 
перед отправкой каждого запроса и их обработкой методом $ .ајах. 
јОчегу.ајахѕЅетир 
Установка значений по умолчанию для будущих Ајах-запросов. Использование 
данного метода не рекомендуется. 
јОчегу.ајахТгапѕрог+ 


Создание объекта, занимающегося фактической передачей Ајах-данных. 


јОичегу.Са11баскѕ 


Многоцелевой списочный объект функций обратного вызова, предоставляющий 
эффективный способ управления списками функций обратного вызова. 


] Очегу . сопёаіпѕ 


Проверка того, является ли ООМ-элемент потомком другого ООМ -элемента. 


јОичегу.аа+а 


Сохранение произвольных данных, связанных с конкретным элементом и/или 
возвращение установленного значения. 


] Очегу .БВефеггеа 


Функция-конструктор, возвращающая способный встраиваться в цепочку вспо- 
могательный объект с методами регистрации нескольких функций обратного 
вызова в очередях функций обратного вызова и менять состояние успеха или 
неудачи любой синхронной или асинхронной функции. 


]О9чегу . аедиечце 


Выполнение следующей функции в очереди для соответствующего элемента. 


]Очегу.еасй 


Универсальная функция-итератор, которая может использоваться для бес- 
препятственной итерации как через объекты, так и через массивы. Массивы 
и подобные массивам объекты, имеющие свойство длины (такие как объект 
аргументов функций), проходят поэлементный перебор с использованием чис- 
лового индекса от 9 до длины -1. Другие объекты подвергаются поэлементному 
перебору посредством их поименованных свойств. 


] Очегу.еггог 


Передача методу строки и выдача исключения, содержащего эту строку. 
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]Очегу .е5саре$е1ес®ог 


Обезвреживание символов, имеющих в селекторе С$$ специальное значение. 


јОичегу.ех+епа 


Объединение содержимого двух или более объектов в первом объекте. 


јОичегу.#п.ехёепа 
Объединение содержимого объекта в ј Опегу-прототип для предоставления 
новых методов экземпляра јОпегу. 
јОичегу.ве+ 
Загрузка данных с сервера с использованием Се(-запроса НТТР. 
јОичегу.ве+Ј50М№ 
Загрузка данных, закодированных в формате ЈЅ5ОМ№, с сервера с использованием 
Сеѓ-запроса НТТР. 
јОчегу.веѕсгір+ 
Загрузка файла ЈауаЅсгірї с сервера с использованием Се-запроса НТТР с по- 
следующим выполнением этого файла. 
јОиегу.в1оба1Еуа1 


Глобальное выполнение кода Јауа$сгірё. 


]О9чегу .вгер 
Поиск элементов массива, удовлетворяющих функции фильтрации. На исход- 
ный массив не влияет. 

]Очегу .Па$зВафа 


Определение наличия у элемента јОпегу связанных с ним данных. 


]Очегу .По1аВеаау 


Удерживание или освобождение выполнения јОпегу-события геаду. 


] Очегу . ПЕт1Рге+11%ег 
Изменение и фильтрация строк НТМГ, переданных посредством }Очету- 
методов работы со строками. 

]Очегу .1пАггау 
Поиск указанного значения в массиве и возвращение его индекса (или -1, если 
значение не найдено). 

]Очегу .15Аггау 


Определение, является ли аргумент массивом. 


Методы јОиегу 807 





јОчегу. іѕЕтръуобјес+ 
Проверка, что объект пуст (не содержит исчисляемых свойств). 


јОчегу. іѕЕипс&іоп 
Определение, является ли переданный аргумент объектом функции Јауа$сгірі. 


] Очегу .1$Митег1с 


Определение, является ли аргумент числом. 


јОчегу. іѕР1аіпобјес+ 
Проверка того факта, что объект является простым объектом (созданным с по- 
мощью {} или пем Објес+). 


] Очегу. іѕМіпаом 


Определение, является ли аргумент окном. 


] 9чегу . 15ХМІрос 
Определение, находится ли ООМ-узел внутри ХМГ-документа (или являет- 
ся ли он ХМГ-документом). 


] Очегу .таКеАггау 
Преобразование похожего на массив объекта в настоящий массив ЈауаЅсгірі. 


]Очегу. тар 
Преобразование всех элементов массива или объекта в новый массив элемен- 


ТОВ. 


јОичегу. теве 
Слияние содержимого двух массивов в первый массив. 


] Очегу . поСоп+11с® 
Передача управления }Очегу от переменной с именем $ переменной с другим 


именем. 
Ч О9чегу . поор 
Пустая функция. 


јОчегу. пом 


Возвращение числа, представляющего текущее время. 


] Очегу.рагат 
Создание сериализованного представления массива или объекта, пригодного 
к использованию в строке запроса ОКІ -адреса или в Ајах-запросе. 
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]О0чегу .рагзенТтмМЕ 


Синтаксический разбор строки с целью получения массива ООМ-узлов. 


]О0чегу .рагзе350м 
Передача методу правильно оформленной ЈЅ5ОМ№-строки и возвращение им 
результирующего объекта ЈауаЅсгірі. 

] Очегу .рагзехмЕ 


Синтаксический разбор строки с целью получения ХМТ--документа. 


јОчегу.роѕї 
Загрузка данных с сервера с использованием РОЅТ-запроса НТТР. 


]Оиегу .ргоху 
Получение функции и возвращение новой функции, которая всегда будет иметь 
конкретный контекст. 

]9чегу .дчече 
Демонстрация или (при вызове с еще одним аргументом) манипуляция очере- 
дью функций, выполняемых в отношении соответствующего элемента. 

јОичегу .геадуЕхсер*1оп 


Обработка ошибок, возникающих синхронно в функциях, заключенных в јОпегу. 


јОиегу.гетоуера+а 
Удаление ранее сохраненного фрагмента данных. 

јдиегу.ѕрееа 
Создание объекта, содержащего набор свойств, готовых к использованию в опре- 
делении пользовательских анимаций. 

јдиегу. гіт 


Удаление пробельных символов в начале и конце строки. 


јОичегу.+уре 
Определение внутреннего ЈауаЅсгірё-класса объекта. 
јОиегу.ипідиеѕог+ 


Сортировка массива ПОМ -элементов на месте с удалением дубликатов. Рабо- 
тает только в отношении массивов ООМ-элементов, исключая строковые или 
числовые массивы. 


јОиегу .мһеп 


Предоставление способа выполнения функций обратного вызова на основе от 
нуля и более объектов, обычно объектов Бефеггеа, представляющих асинхрон- 
ные события. 


Методы јОиегу 809 





Кеудомп 
Привязка обработчика событий к событию ]ауабст!рё Кеудоип или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 
Кеурге$$ 
Привязка обработчика событий к событию ЈауаЅсгірі кеургеѕѕ или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 
Кеуир 
Привязка обработчика событий к событию Јауа$Ѕсгірі кеуир или (при вызове без 
аргумента) инициирование этого события в отношении элемента. 
Іаѕї 
Сокращение набора соответствующих элементов до последнего элемента в на- 
боре. 
1оаа 
Загрузка данных с сервера и помещение возвращенного НТМІ. в соответству- 
ющий элемент. 
тар 
Пропуск каждого элемента в соответствующем наборе через функцию с созда- 
нием нового объекта јОпегу, содержащего возвращенные значения. 
тоиѕедомп 
Привязка обработчика событий к событию ЈауаЅсгірё тоизедоип или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 
тоиѕеепег 


Привязка обработчика события, инициируемого при входе указателя мыши 
в область элемента, или (при вызове без аргумента) инициирование этого со- 
бытия в отношении элемента. 


тоиѕе1еауе 
Привязка обработчика события, инициируемого при выходе указателя мыши 
из области элемента, или (при вызове без аргумента) инициирование этого со- 
бытия в отношении элемента. 
тоизето\е 
Привязка обработчика событий к событию ЈауаЅсгірё тоизетоуе или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 
тоиѕеоиЁ 


Привязка обработчика событий к событию Јауа$Ѕсгірі тоиѕеои+ или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 
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тоиѕеомег 
Привязка обработчика событий к событию Јауа$сгірё тоизеоуег или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 

тоиѕеир 
Привязка обработчика событий к событию ЈауаЅсгірё тоизеир или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 

пехі 


Получение одноуровневых элементов, непосредственно следующих за каждым 
элементом набора соответствующих элементов. Если предоставлен селектор, 
следующий одноуровневый элемент извлекается только при его соответствии 
селектору. 

пехЁА11 


Получение всех следующих одноуровневых элементов каждого элемента из 
набора соответствующих элементов с возможностью фильтрации с помощью 
селектора. 

пехЕ0п+і1 


Получение всех следующих одноуровневых элементов вплоть до каждого 
элемента, соответствующего селектору, РОМ-узлу или переданному объекту 
ЈОпегу, исключая сам этот элемент. 

по 


Удаление элементов из набора соответствующих элементов. 


ОҒҒ 


Удаление обработчика события. 


ое 
Получение текущих координат первого элемента или (при вызове с аргументом) 
установка координат каждого элемента в наборе соответствующих элементов 
относительно документа. 

оҒҒѕеРагеп 
Получение ближайшего прародительского элемента с заданным типом пози- 
ционирования. 

оп 
Прикрепление функции обработчика события для одного или нескольких со- 
бытий для выбранных элементов. 

опе 


Прикрепление обработчика к событию для элементов. Обработчик выполняется 
не более одного раза для каждого элемента каждого типа событий. 


Методы јОиегу 811 





оитегНеівћ 
Получение текущей вычисленной высоты первого элемента в наборе соответ- 
ствующих элементов, включая поля и границы, а также, возможно, отступы. 
оцфегит аи 
Получение текущей вычисленной ширины первого элемента в наборе соответ- 
ствующих элементов, включая поля и границы. 
рагепї 
Получение родительского элемента для каждого элемента в текущем наборе со- 
ответствующих элементов с возможностью фильтрации с помощью селектора. 
рагепіѕ 
Получение прародительских элементов для каждого элемента в текущем наборе 
соответствующих элементов с возможностью фильтрации с помощью селектора. 
рагепёѕ0пёі1 
Получение прародительских элементов для каждого элемента в текущем наборе 
соответствующих элементов вплоть до элемента, соответствующего селектору, 
РОМ-узлу или объекту јОпџегу, исключая сам этот элемент. 
роѕібіоп 
Получение текущих координат первого элемента в наборе соответствующих 
элементов относительно смещения родительского элемента. 
ргерепа 
Вставка содержимого, указанного параметром, в начало каждого элемента в на- 
боре соответствующих элементов. 
ргерепато 
Вставка каждого элемента в наборе соответствующих элементов в начало це- 
левого элемента 
ргем 


Получение всех непосредственно предшествующих одноуровневых элементов 
каждого элемента из набора соответствующих элементов с возможностью филь- 
трации с помощью селектора. 


ргемА11 


Получение всех предшествующих одноуровневых элементов каждого элемента 
ИЗ набора соответствующих элементов с возможностью фильтрации С ПОМОЩЬЮ 
селектора. 


ргемупё11 


Получение всех предшествующих одноуровневых элементов до элемента, со- 
ответствующего селектору, ООМ-узлу или ]Опегу-объекту, за исключением 
самого этого элемента. 
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рготіѕе 


Возвращение объекта Рготіѕе для наблюдения за тем, завершены ли все дей- 
ствия конкретного типа, привязанные к коллекции, независимо от того, вы- 
строены они в очередь или нет. 

ргор 
Получение значения свойства первого элемента в наборе соответствующих 
элементов или (при вызове с еще одним аргументом) установка одного или не- 
скольких свойств для каждого соответствующего элемента. 

риѕћЅ+аск 


Добавление коллекции ПО М-элементов в стек јОџегу. 


ачеие 


Показ очереди функций, выполняемых в отношении соответствующих эле- 
ментов, или (при вызове с еще одним аргументом) манипулирование этой 
очередью. 

геаду 


Определение функции, выполняемой, когда ООМ полностью загружена. 


гетоуе 


Удаление набора соответствующих элементов из РОМ. 
гетоуеАЕ г 
Удаление атрибута из каждого элемента в наборе соответствующих элементов. 


гето\уеС1а$$ 


Удаление одного класса, нескольких классов или всех классов из каждого эле- 
мента в наборе соответствующих элементов. 


гетоуерата 


Удаление ранее сохраненного фрагмента данных. 


гетоуеРгор 


Удаление свойства для набора соответствующих элементов. 
гер1асеА11 
Замена каждого целевого элемента набором соответствующих элементов. 


гер1асеимі+һћ 


Замена каждого элемента из набора соответствующих элементов с предоставле- 
нием нового содержимого и возвращением набора удаленных элементов. 


Методы јОиегу 813 





ге517е 
Привязка обработчика событий к событию ЈауаЅсгірї гез1те или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 

5сго11 
Привязка обработчика событий к событию ЈауаЅсгірї ѕсго11 или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 

ѕсго1 Шет 


Получение текущей горизонтальной позиции полосы прокрутки для первого 
элемента в наборе соответствующих элементов или (при вызове с аргументом) 
установка горизонтальной позиции полосы прокрутки для каждого соответ- 
ствующего элемента. 

5сго11Тор 


Получение текущей вертикальной позиции полосы прокрутки для первого 
элемента в наборе соответствующих элементов или (при вызове с аргументом) 
установка вертикальной позиции полосы прокрутки для каждого соответству- 
ющего элемента. 
ѕе1есї 
Привязка обработчика событий к событию ЈауаЅсгірї ѕе1ес+ или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 
5ег1а117е 


Преобразование набора элементов формы в строку для последующей отправки. 


5ег1а117еАггау 


Преобразование набора элементов формы в массив имен и значений. 


Ѕѕһом 
Отображение соответствующих элементов. 

516111855 
Получение одноуровневых элементов каждого элемента в наборе соответству- 
ющих элементов с возможностью фильтрации с помощью селектора. 

$11се 
Сокращение набора соответствующих элементов до поднабора в указанном 
диапазоне индексов. 

ѕ51іаеромп 


Отображение соответствующих элементов путем их выскальзывания из-под 
границ. 
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511іаеТорр1е 
Отображение или скрытие соответствующих элементов путем их выскальзы- 
вания за границы или из-под этих границ. 

511іаеур 


Скрытие соответствующих элементов путем их выскальзывания за свои границы. 


ѕїор 
Остановка текущей запущенной анимации в отношении соответствующих 
элементов. 

ѕирмі+ 
Привязка обработчика событий к событию Јауа$сгірі ѕирті+ или (при вызове 
без аргумента) инициирование этого события в отношении элемента. 

Техїі 
Получение объединенного текстового содержимого каждого элемента в наборе 
соответствующих элементов или (при вызове с аргументом) установка тексто- 
вого содержимого соответствующих элементов. 

фоАггау 


Извлечение всех элементов, содержащихся в наборе јОпегу в виде массива. 


$о551е 


Отображение или скрытие соответствующих элементов. 


$оБ51еС1а$$ 
Добавление или удаление одного или нескольких классов из каждого элемента 
в наборе соответствующих элементов в зависимости либо от присутствия клас- 
са, либо от значения аргумента состояния 

{г15вег 
Выполнение всех обработчиков и правил поведения, прикрепленных к соот- 
ветствующим элементам для заданного типа события. 

{г1ввегНапа1ег 


Выполнение всех обработчиков, прикрепленных к элементу для события 


ипигар 
Удаление родительских элементов набора соответствующих элементов из ОМ 
с оставлением соответствующих элементов на их местах 

\уа1 


Получение текущего значения первого элемента в наборе соответствующих 
элементов или (при вызове с аргументом) установка значения каждого соот- 
ветствующего элемента. 


Методы јОиегу 815 





міаёћ 
Получение текущей вычисленной ширины первого элемента в наборе соответ- 
ствующих элементов или (при вызове с аргументом) установка ширины для 
каждого соответствующего элемента. 

игар 
Заключение каждого элемента в наборе соответствующих элементов в НТМІ.- 
структуру. 

мгарА11 
Заключение всех элементов в наборе соответствующих элементов в НТМТ- 
структуру. 

мгарТппег 


Заключение содержимого каждого элемента в наборе соответствующих элемен- 
товв НТМГ-структуру. 


Робин Никсон 


Создаем динамические веб-сайты с помощью РНР, Му$ ОЕ, 
]ауа$ спрь С$$ и НТМЕ5 
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